Question

我试图用特定的类（tablecellname）获取我的td列的值：

                    $('#MainContent_myTable tr').each(function () {
                        console.log($('.tablecellname').html());
                    });

我认为我在表格中获得了正确的行数，但它只给出了第一个值（重复）。

<table id='MainContent_myTable'>
    <tr>
        <td class='tablecellname'>abc</td>
        <td class='tablecellcode'>111</td>
    </tr>
    <tr>
        <td class='tablecellname'>def</td>
        <td class='tablecellcode'>222</td>
    </tr>
    <tr>
        <td class='tablecellname'>ghi</td>
        <td class='tablecellcode'>333</td>
    </tr>
    <tr>
        <td class='tablecellname'>jkl</td>
        <td class='tablecellcode'>444</td>
    </tr>
    <tr>
        <td class='tablecellname'>mno</td>
        <td class='tablecellcode'>555</td>
    </tr>
    <tr>
        <td class='tablecellname'>pqr</td>
        <td class='tablecellcode'>666</td>
    </tr>
    <tr>
        <td class='tablecellname'>stu</td>
        <td class='tablecellcode'>777</td>
    </tr>
    <tr>
        <td class='tablecellname'>vwx</td>
        <td class='tablecellcode'>888</td>
    </tr>
    <tr>
        <td class='tablecellname'>yz</td>
        <td class='tablecellcode'>999</td>
    </tr>
</table>

它只会一遍又一遍地打印abc。

我做错了什么？

Answer 1

$('.tablecellname')选择匹配的整个文档中的所有元素。相反，在您的函数中，您希望找到当前迭代元素的子项：

$(this).find('.tablecellname').html()

Answer 2

$('#MainContent_myTable tr').each会计算<TR>的每次出现次数，但是使用$('.tablecellname').html())只会返回要在html中出现的第一个类实例。

您需要使用$(".tablecellname").each

从表一遍又一遍地返回第一列

2 个答案: