jQuery循环判断点击某节点

发布时间:2020-12-27编辑:脚本学堂
本文介绍了jquery循环判断是否点击某个结点的方法,jquery检测节点是否点击的实现代码,感兴趣的朋友参考下。

例子,jquery循环判断指定节点是否点击了。
 

复制代码 代码示例:

<div class="three_ad_container"> 
 <div class="main_ad_container"><img src="/images/insurance/3lianad.jpg" /></div> 
 <div class="left_tree_ad_btn_container"> 
     <ul> 
  <li class="tree_ad_btn_bg"><img src="/images/insurance/3lianad_small.jpg" /></li> 
     </ul> 
     <ul> 
  <li class="tree_ad_btn_bg have_bg"><img src="/images/insurance/3lianad_small.jpg" /></li> 
     </ul> 
     <ul> 
  <li class="tree_ad_btn_bg"><img src="/images/insurance/3lianad_small.jpg" /></li> 
     </ul> 
 </div> 
    </div> 

<script>
jQuery(".left_tree_ad_btn_container > ul > li").click(function(){ 
 jQuery(".have_bg").removeClass("have_bg"); 
 var objLi = jQuery(this); 
 objLi.attr("class", "tree_ad_btn_bg have_bg"); 
 jQuery.each(jQuery(".left_tree_ad_btn_container > ul > li"), function(index, value){ 
     if(jQuery(this).attr("class") == objLi.attr("class")){ 
  alert(index); 
     // jQuery(".main_ad_container > img").attr("src", "/images/insurance/01_bg.png"); 
     } 
 }); 
    }); 
</script>

如下图所示:
jquery判断节点是否点击