javascript - JQuery - 遍历表格行

Question

我试图遍历表中的每个 tr 并获取每个 td 的值，其中 td 是某个类。

我正在这样填充我的表:

    var attr = "checked";

    $('#mytbody').prepend('<tr><td class="cb" value="' + attr + '"><input type="checkbox" ' + attr + ' disabled class="filterPaid" id="invPaid' + i + '" value="outstanding" name="filterTasks[]"></td>.......</tr>');

我正在尝试这样搜索:

$("#paidFilter").change(function() {
    if(this.checked) {
        $('#mytbody  > tr > td.cb').each(function(){
            console.log($(this).val());
        });   
    }
});

然而，这不会为 class = 'cb' 的 td 返回任何值。

如何检索这些值？

Answer 1

是这样的吗？ http://jsfiddle.net/swm53ran/129/

td 元素的

.val() 并不像输入那样存在。对于 td，value 是一个属性，因此您可以通过 .attr('value')

访问它

$(document).ready(function() {
    $('#mytbody  > tr > td.cb').each(function(){
        console.log($(this).attr('value'));
        $(this).append($(this).attr('value'));
    });   
});

<table>
    <tbody id="mytbody">
        <tr>
            <td class="cb" value="checked">CB should append value here:</td>
            <td class="cb" value="checked">CB should append value here:</td>
            <td class="" value="checked">NOT CB</td>
        </tr>
        <tr>
            <td class="cb" value="checked">CB should append value here:</td>
            <td class="" value="checked">NOT CB</td>
            <td class="cb" value="checked">CB should append value here:</td>
        </tr>
    </tbody>
</table>

你很接近:]希望这有帮助