Jquery 查找与json值匹配的标题
我希望搜索表中的902Jquery 查找与json值匹配的标题,jquery,html,json,Jquery,Html,Json,我希望搜索表中的902td元素,并找到.row类,其title属性等于json objects值 这张桌子看起来像这样 <div id="site_relationship_id_tbdd"> <table class="tbd-table"> <tbody> <tr class="header"> ... </tr> &l
td
元素,并找到.row
类,其title属性等于json objects值
这张桌子看起来像这样
<div id="site_relationship_id_tbdd">
<table class="tbd-table">
<tbody>
<tr class="header">
...
</tr>
<tr class="row">
<td title = "1"></td> // This value increments for each parent tr element.
<td title="SomeTitle"></td>
<td title="someJazz"></td>
</tr>
... 901 more of these ....
</tbody>
</table>
</div>
到目前为止,我对jquery的理解是:$(“#site_relationship_id_tbdd.tbdd drop.row”).find('td')
这对于查找tr
中的所有td
元素非常有用
我要做的是找到一个
td
元素,该元素是title=“148”
,然后将选中的添加到父元素tr
,这样它看起来就像:您也可以将它与属性组合
$('#site_relationship_id_tbdd .tbdd-drop .row').find('td[title="148"]')
.closest('tr')
.addClass('selected');
如果阵列中有多个类似的SiteID,则可以尝试:
var ids = [{"site_id":"1"}, {"site_id":"2"}, {"site_id":"148"}];
//create the selector
var selector = ids.map(function(o){
return "td[title=" + o['site_id'] + "]";
}).join(',');
var $elem = $('#site_relationship_id_tbdd .tbd-table .row')
.find(selector)
.closest('tr')
.addClass('selected');
我应该提到-我刚刚发现-它一次只显示5个,所以在源代码中,你只能看到5个TD,然后才能通过另外5个进行分页,以此类推。。源没有隐藏另一个,只是更新了5个现有TR's@LogicLooking是的,您不能对不在DOM中的对象执行任何操作。但是,这个答案是否给了您一些关于避免通过所有这些tds的任何循环的见解?
var ids = [{"site_id":"1"}, {"site_id":"2"}, {"site_id":"148"}];
//create the selector
var selector = ids.map(function(o){
return "td[title=" + o['site_id'] + "]";
}).join(',');
var $elem = $('#site_relationship_id_tbdd .tbd-table .row')
.find(selector)
.closest('tr')
.addClass('selected');