[英]jquery select (find) element
我的頁面html上有一張桌子:
<table id="myTab">
<tr>
<td class="reference">1</td>
<td>item1</td>
<td>Info item - 1</td>
</tr>
<tr>
<td class="reference">2</td>
<td>item2</td>
<td>Info item - 2</td>
</tr>
<tr>
<td class="reference">3</td>
<td>item3</td>
<td>Info item - 3</td>
</tr>
<tr>
<td class="reference">4</td>
<td>item4</td>
<td>Info item - 4</td>
</tr>
<table>
如何選擇類引用innerHtml value = 3的表元素?
var el = $(myTab).find('???')
var el = $("#myTab").find("td.reference:contains(3)")
...將在:contains
選擇器足夠好的前提下工作-注意(在這種情況下)在元素內容內的任何位置都匹配“ 3”。
如果需要完全匹配,可以使用.filter()
:
var el = $("#myTab").find("td.reference")
.filter(function() { return $(this).html() === "3"; });
或純JavaScript:
function func() {
var myTab= document.getElementById('myTab');
var len = myTab.rows.length;
for (var r = 0; r < len; r++) {
var rowLen = myTab.rows[r].cells.length;
for (var cel = 0; cel < rowLen; cel++) {
if(myTab.rows[r].cells[c].innerHTML === "3" && myTab.rows[r].cells[c].className === "reference")
{
alert("found:"+myTab.rows[r].cells[c].innerHTML);
}
}
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.