javascript - jquery遍历行获取跨度类和标题

Question

我有一个表，每行都有一个 id 和几个包含跨度的 td

例如

<tr id="row"><td><span class="first name">myfirstname<span class="surname">mysurname</span></td><td><span class="street">mystreet</span><span class="town">mytown</span></td>

我不想做的是当传递一个 rowid 时，它会遍历行并创建一个跨度类名和跨度值的键值数组。

目前我可以单独找到每件东西，这非常麻烦。

Answer 1

您的标记应该稍微修正一下：

<table>
    <tr id="row1">
        <td>
            <span class="first name">myfirstname </span>
            <span class="surname">mysurname</span>
            </td>
                <td>
                    <span class="street">mystreet</span>
                    <span class="town">mytown</span>
        </td>
    </tr>
</table>

你没有关闭<span>and <tr> ​</p>

代码：

function getSpansData(rowId) {
    var map = {};
    $('#' + rowId + ' span').each(function() {
        map[this.className] = this.innerHTML;
    });

    return map;
}

getSpansData('row1');

现场演示

Answer 2

function traverseRow(id) {
    var arr = {};
    $('td span', 'tr#' + id).each(function() {
        arr[this.className] = this.innerHTML;
    });
    return arr;
}

traverseRow('row');

Answer 3

您应该发送代码示例以获得更准确的响应。尝试这个：

var values = new Object();
$("#row").filter("td span").each(function(){
    values[$(this).attr("class")] = $(this).text();
});
alert(values.surname);

Answer 4

var map = {};
$("#row_id td span").each(function() { 
  map[$(this).attr("class")] = $(this).html(); 
});