在列表項上添加具有特定條件的屬性值

Question

我有這個代碼。

<ul>
<li><span id='' key="num">30</span></li>
<li><span id='' key="0">40</span></li>
<li><span id='' key="num">20</span></li>
</ul>

如何將（id =“ disable”）僅添加到具有屬性（key =“ 0”）的列表項的范圍內

我正在使用此代碼。

$(function(){
  $('li').each(function(){
    if( $(this).find('span').attr('key') == '0' ) $(this).attr('span:id','disable')
  });
})

Answer 1

使用屬性選擇器 ：

$('li span[key="0"]').attr('id', 'disable');

Answer 2

您可以使用$(this).find('span').attr('id','disable')

 $(function(){ $('li').each(function(){ if( $(this).find('span').attr('key') == '0' ) $(this).find('span').attr('id','disable') }); }) 

 #disable{ background : red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li><span id='' key="num">30</span></li> <li><span id='' key="0">40</span></li> <li><span id='' key="num">20</span></li> </ul> 

但是， .each使用.each循環之外，您還可以使用$('li > span[key=0]').attr('id','disable');

 $(function(){ $('li > span[key=0]').attr('id','disable'); }) 

 #disable{ background : red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li><span id='' key="num">30</span></li> <li><span id='' key="0">40</span></li> <li><span id='' key="num">20</span></li> </ul> 

注意：如果您打算將代碼用於多個元素， 請不要使用Id ..