2014-01-16

jQuery selector使用多條件式

 <div>  
   <a id="a" href="url-1">url1</a><br>  
   <a id="b" href="url-2">url2</a><br>  
   <a id="c" href="url-3">url3</a><br>  
   <a id="d" href="url-4">url4</a><br>  
 </div>  

如上述,我若想要div中的所有a在click時有反應,通常會這樣寫

 $('div a').on('click', function(){  
   do-something....;  
 });  

若我想讓特定的「某個」id的有反應,會這樣寫

 $("div a[id='a']").on('click', function(){  
   do-something....;  
 });  

若我想讓特定的「某個」id沒有反應,其他都有反應,會這樣寫

 $("div a[id!='a']").on('click', function(){  
   do-something....;  
 });  

但我若想讓特定的「超過一個」有反應或沒反應,可以這樣寫(以下以沒反應為主)

 $("div a[id!='a'][id!='d']").on('click', function(){  
   do-something....;  
 });  

沒有留言: