javascript - 在 jQuery 中，如何获取嵌套循环中的下一个选择器？

Question

我有以下结构:

<div class="foo">
     <div class="moo">
            <div class="too"> <input type="hidden" val="56"/></div>
     </div>       
</div>
<div class="foo">
     <div class="moo">
            <div class="too">  <input type="hidden" val="58"/></div>
     </div>       
</div>

继续...

//jQuery Code
$('.too').live('click',function(){
  var next_value = $(this).next('.too').find('input').val();
  console.log(next_value);
});

现在我想要下一个“too”输入的值。我怎样才能得到这个？它不起作用。

Answer 1

您的问题是 .next() 遍历同级元素。一种方法是爬上 DOM 树，然后再返回。例如:

$('.foo').on('click', '.too', function () {
  var next_value = $(this).closest('.foo').next().find('input').val();
});

此外，您应该尽量避免 .live()。如果您使用的是 jQuery 1.7+，您将需要使用 .on() (如我的示例所示)。如果您使用 1.7 之前的任何版本，请尝试 .delegate() 或 .bind()。