Получить следующий узел с 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

Попробуйте:

В вашем HTML:

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

В вашем JS:

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

Answer 3

Просто сделайте:

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

таким образом, вы найдете свой сбрасываемый div, даже если между ними вставлен другой div.

Answer 4

Я уверен, что вы можете использовать , Далее ('div'), если вы ищете специально для div

Answer 5

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

Документация для следующего.