Jquery - 为一个类选择所有tr的td值

Question

我有一张桌子

<table>
       <tr class="PO1"></tr>
       <tr class="PO2"></tr>
       <tr class="PO3"></tr>
</table>

如何使用类"PO1"遍历所有tr并获取每个'td'值的值？

$("table#id tr .PO1").each(function(i)
{
    // how to get the td values??
});

Answer 1

var values = $('table tr.PO1 td').map(function(_, td) {
    return $(td).text();
}).get();

这只会创建一个包含每个td的文本内容的数组。可能更好的想法是使用地图/对象：

var values = $('table tr.PO1 td').map(function(index, td) {
    var ret = { };

    ret[ index ] = $(td).text();
    return ret;
}).get();

Answer 2

.P01之前的空格正在破坏您当前的代码。

$("tr.PO1 td").each(function(i){
    $(this).text()
});

Answer 3

注意：我在.PO1之前删除了一个空格，因为你的tr有P01类

$("table#id tr.PO1").each(function(i)
{
    $(this).find("td").innerHTMl() //for example
});

Answer 4

$("table#id tr.PO1").each(function(i)
{
    i.children('td').each(function(tdEL) {
        // tdEl.val();
    });
});

注意我在tr和.PO1之间删除的空间。在你的情况下，它将尝试找到每个tr与一个孩子有类.PO1。