Question

如何获取一系列表行的第二个td元素中的span标记中的值？

以下是其中一个表行的示例：

<tr onfocus="if (window.hiOn){hiOn(this);}" onblur="if (window.hiOff){hiOff(this);}" onmouseout="if (window.hiOff){hiOff(this);}" onmouseover="if (window.hiOn){hiOn(this);}" class="dataRow even first">
<td colspan="1" id="j_id0:theForm:selectedlist:theTable:0:leadname" class="dataCell">
    <span id="j_id0:theForm:selectedlist:theTable:0:j_id93">Shelia Abraham</span>
</td>
<td colspan="1" id="j_id0:theForm:selectedlist:theTable:0:solutionInterest" class="dataCell">
    <span id="j_id0:theForm:selectedlist:theTable:0:j_id94">Birst</span>
</td>
</tr>

我想从每个行的第二个td元素中获取span标记的值。在上面的示例中，值为Birst。

这是我的JQuery：

    j$(document).ready(function(){  
        var dataRows = j$('tr.dataRow');
        dataRows.each(function(index, elem) {
            console.log(index);
            console.log(elem);
        });         
    });

感谢您的帮助。

Answer 1

尝试在此上下文中使用:nth-child(n)，请注意:nth-child(n)索引从1开始而不是0

$('tr.dataRow td:nth-child(2) span').each(function(){
  // Your code here
});

DEMO

如果您想在数组中获取这些值，请使用.map()，

var spanValues = $('tr.dataRow td:nth-child(2) span').map(function(){
   return $(this).text();
}).get();

Answer 2

<强> Demo

使用 eq(n) （其中n：0- n）选择器，

$('tr.dataRow').each(function () {
    console.log($('td:eq(1) span', this).text());
});

在行的第二个td元素中获取span标记内的值

2 个答案:

DEMO