使用jQuery获取下一个节点

Question

我确信这很简单，但我可以让它发挥作用。

我有以下结构：

<div class="row forWidget"></div>
<div class="droppable"></div>

我的jQuery对象中有第一个元素。

$widget = $('div.row');

我希望从那里.find()元素div.droppable。

我如何实现这一目标？ 我以为它会.next()，但它似乎只与真正的兄弟姐妹相匹配。

Answer 1

您搜索.next()

var next = $（'div.row'）。next（）;

http://api.jquery.com/next/

来自jQuery网站

  

获取该组中每个元素的紧随其后的兄弟   匹配的元素。如果提供了选择器，它将检索下一个选择器   兄弟姐妹只有匹配那个选择器。

Answer 2

$('div.row').next();

Documentation for next.

Answer 3

我很确定你可以使用 。如果您正在寻找专门的div

，请关注下一步（'div'）

Answer 4

简单地说：

$('div.row').next('.droppable');

这样，即使在它们之间插入了其他div，你也会找到你的droppable div。

Answer 5

试一试：

在您的HTML中：

<div class="widget">
   <div class="row forWidget"></div>
   <div class="droppable"></div>
</div>

在你的JS中：

$('.row').parents('.widget').find('.droppable')