Jquery 如何循环特定的表行
我有一个表和一个jQuery对象,它表示表中的一个TD 我希望能够循环遍历表中的所有行,从jQuery的TD所在行的下一行开始,一直循环到最后 如果我有一张这样的桌子:Jquery 如何循环特定的表行,jquery,Jquery,我有一个表和一个jQuery对象,它表示表中的一个TD 我希望能够循环遍历表中的所有行,从jQuery的TD所在行的下一行开始,一直循环到最后 如果我有一张这样的桌子: <table> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>D</td><td>E</td><t
<table>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
<tr><td>G</td><td>H</td><td>I</td></tr>
<tr><td>J</td><td>K</td><td>L</td></tr>
<tr><td>M</td><td>N</td><td>O</td></tr>
<tr><td>P</td><td>Q</td><td>R</td></tr>
</table>
$('td').filter(function() {
return $(this).text() == 'H';
}).parent().nextAll().each(function() {
console.log(this);
});
在本例中,我希望循环最后3行
那么,jQuery中有没有一个简洁的片段可以让我相当于:
theTD.nextRow_to_lastRow.each(...
然后用for或foreach循环搜索h/div/text或您想要的内容但是,您的情况非常复杂,我无法完全理解它;希望这有助于: 利用
var rows = $("#tableid tr td");
你将拥有所有的手机。现在您可以遍历每一个并检查值或文本。jquery中的foreach:
$(rows).each(function( index ) {
console.log( index + ": " + $(this).text() );
});
像这样的
var td = $('td:contains("H")');
var tr = $('tr').length;
for(i= td.parent().index()+1; i < tr;i++){
$.each($('tr:eq('+i+') td'),function(){
console.log($(this).text());
});
}
var td=$('td:contains(“H”));
var tr=$('tr')。长度;
对于(i=td.parent().index()+1;i
检查控制台中的我想您想要的是这样的东西:
<table>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
<tr><td>G</td><td>H</td><td>I</td></tr>
<tr><td>J</td><td>K</td><td>L</td></tr>
<tr><td>M</td><td>N</td><td>O</td></tr>
<tr><td>P</td><td>Q</td><td>R</td></tr>
</table>
$('td').filter(function() {
return $(this).text() == 'H';
}).parent().nextAll().each(function() {
console.log(this);
});
这将为您提供以下行:
<tr><td>J</td><td>K</td><td>L</td></tr>
<tr><td>M</td><td>N</td><td>O</td></tr>
<tr><td>P</td><td>Q</td><td>R</td></tr>
JKL
MNO
PQR
您还可以使用只针对最后三行的for循环:
var table = document.getElementById('table'),
row = table.querySelectorAll('tr');
for(i = 0; i < row.length; i++) {
if (i >= 3) {
console.log(row[i]);
}
}
var table=document.getElementById('table'),
行=table.querySelectorAll('tr');
对于(i=0;i=3){
控制台日志(第[i]行);
}
}
在宜兰的帮助下,我最终到达了那里:
theTD.parent().find("~ tr").each(
其他回复也可以,但上面是我正在寻找的请参考一个可能的解决方案,我如何使用它,您提供的链接似乎在谈论上一个兄弟姐妹,虽然它的标题是next siblings,但它也没有使用现有的jQuery对象。如何将它与我的theTD变量一起使用?好的,我找到了它-最终:theTD.parent().find(“~tr”).each(…到目前为止最接近的答案。我从“each”中删除了td行获取我想要的内容,但我也不想从一开始就遍历所有行。最后3行仅适用于我的示例,不适用于我的问题,但我不想遍历所有行,并且表格将没有id