JQuery每个循环问题

Question

我有以下代码

  <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()

Answer 1

有很多方法,例子:

   $(this).parent().find("li.action_li").each(function(index) {
      console.debug(this);
   }); 

要么:

   $(this).next("ul").children("li.action_li").each(function(index) {
      console.debug(this);
   });

等等

Answer 2

这应该工作:

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

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