查找與json值匹配的標題

Question

我正在查找902 td表中的元素，並找到.row類的標題屬性等於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') 而一直有用的找到我tr內的所有td元素。

我想要做的就是找到一個td元素誰的title="148"然後添加.selected到父tr，所以它看起來像：<tr class="row selected>

想法？

Answer 1

您也可以將它與屬性相結合。

$('#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');