jquery - 查找与 json 值匹配的标题

Question

我正在搜索td表中的 902 个元素，并找到.rowtitle 属性等于 json 对象值的类。

桌子看起来像这样

<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>

我作为 json 值返回的是：

[{"site_id":"148"}] 

到目前为止，我对 jquery 所拥有的是：$('#site_relationship_id_tbdd .tbdd-drop .row').find('td') 这对找到我td在 a 中的所有元素很有用tr。

我想要做的是找到一个td元素，title="148"然后添加.selected到 parent tr，所以它看起来像：<tr class="row selected>

想法？

Answer 1

You can combine it with attribute as well.

$('#site_relationship_id_tbdd .tbdd-drop .row').find('td[title="148"]')
                                         .closest('tr')
                                         .addClass('selected');

If you have multiple siteids like this in the array, then you can try:

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');