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