使用jquery筛选器查找每个x个td
提问于 2019-11-10 07:39:58
我的表格如下：
<tr class="m-s-3">
<td>A</td>
<td>B</td>
<td>20</td>
<td>D</td>
</tr>
<tr class="m-s-3">
<td>A</td>
<td>B</td>
<td>
<span>44</span>
</td>
<td>D</td>
</tr>
<tr class="m-s-3">
<td>A</td>
<td>B</td>
<td>55</td>
<td>D</td>
</tr>对于找到的每个类m-s-3，我希望获得数组中的第三个td文本，如下所示：
var result = [
'20',
'44',
'55'
]我试过了，但它只返回第一个结果：
var result= $('.m-s-3').find("td").filter(function( index ) {
return index === 2;
}).text()
console.log(result)
回答 4
Stack Overflow用户
回答已采纳
发布于 2019-11-10 07:53:11
var result = [];
$('.m-s-3').each(function(index) {
result.push($(this).find('td').eq(2).text().trim());
});
console.log(result);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tbody>
<tr class="m-s-3">
<td>A</td>
<td>B</td>
<td>20</td>
<td>D</td>
</tr>
<tr class="m-s-3">
<td>A</td>
<td>B</td>
<td>
<span>44</span>
</td>
<td>D</td>
</tr>
<tr class="m-s-3">
<td>A</td>
<td>B</td>
<td>55</td>
<td>D</td>
</tr>
</tbody>
</table>
您可以使用each循环每个tr，然后获取每个tr的第三个td中的文本。
Stack Overflow用户
发布于 2019-11-10 08:05:22
jQuery(function($) {
const result = $.map($('.m-s-3 td:nth-child(3)'), td => $(td).text().trim());
console.log(result);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr class="m-s-3">
<td>A</td>
<td>B</td>
<td>20</td>
<td>D</td>
</tr>
<tr class="m-s-3">
<td>A</td>
<td>B</td>
<td>
<span>44</span>
</td>
<td>D</td>
</tr>
<tr class="m-s-3">
<td>A</td>
<td>B</td>
<td>55</td>
<td>D</td>
</tr>
</table>
Stack Overflow用户
发布于 2019-11-10 08:00:16
你也可以使用css选择器。
const result = $('.m-s-3').children('td:nth-child(3)').text().split('\n').map(t => t.trim());
console.log(result);输出
["20", "44", "55"]页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58786652
复制
腾讯云开发者
