javascript – JQuery每个循环问题

前端之家收集整理的这篇文章主要介绍了javascript – JQuery每个循环问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码

<div>
 <a href="#" class="clickMe">test</a>
 <ul>
     <li class="action_li">1</li>
     <li class="action_li">2</li>
 </ul></div> <div>
 <a href="#" class="clickMe">test</a>
 <ul>
     <li class="action_li">3</li>
     <li class="action_li">4</li>
 </ul>

我想循环所有< li>用相同的< div>包含的内容如点击< a>

$("a.clickMe").live("click",function(eve){
   eve.preventDefault();
   $('.action_li').each(function(index) {
      console.debug(this);
   }); 
});

但是这当然会让我得到4< li>不是两个封闭的
所以我希望有一些以$(this)开头并以.each()结尾的东西

解决方法

这应该工作:

$("a.clickMe").live("click",function(eve){
   eve.preventDefault();
   $('.action_li',$(this).parent()).each(function(index) {
      console.debug(this);
   }); 
});

选择器旁边的第二个参数将搜索限制为仅仅DOM树的一部分,在此部分中,将一个div限制为元素的父级.

猜你在找的jQuery相关文章