javascript - 遍历整个表并检查跨度标签属性名称

Question

HTML：

<table id="mytable">    
<tr>
<td class="cssred"><span name='478'>john</span></td>
</tr>
<tr>
<td class="cssred"><span name='478'></span></td>
</tr>
<tr>
<td class="cssred"><span name='478'></span></td>
</tr>
 <tr>
<td class="cssred"><span name='521'></span></td>
</tr>
<tr>
<td class="cssred"><span name='522'></span></td>
</tr>
</table>

JavaScript：

$(this).find('span').attr('name');

我必须遍历整个表并检查任何跨度标记属性名称值是否为 478，然后使其父单元格类cssgreen。

Answer 1

$("#mytable td:has(span[name='478'])").toggleClass("cssred cssgreen");

或者

$("#mytable span[name='478']").parent().toggleClass("cssred cssgreen");

演示：http: //jsfiddle.net/E55jb/

Answer 2

试试这个

$('#mytable span').each(function() {
   if($(this).attr('name') == "478") $(this).parent().removeClass('cssred').addClass('cssgreen');
});

或更简单

$('#mytable span[name=478]').parent().removeClass('cssred').addClass('cssgreen');

Answer 3

试试这个

  $('span[name="478"]').each(function(){
     $(this).parent().removeClass("cssred");
     $(this).parent().addClass("cssgreen");
  })

Answer 4

解决方案：

  $("#mytable span").each(function() {
       if($(this).attr("name") == "478"){ // check if name=478
       $(this).parent().removeClass("cssred"); // remove red bg
       $(this).parent().addClass("cssgreen"); // add green bg
  });