JQuery $ метод .Contains всегда возвращается ложные

Question

У меня вопрос здесь с этой частью коды JQuery:

$(".roomblock_slots li").droppable({ activeClass: "drop_here", hoverClass: "hover_here", tolerance: "pointer", 
     drop: function (event, ui) { 
      var container = $(this); 
      if (container.contains(container,"div")) { 
       return false; 
      } 
      return true; 
     } }); 

Я пытаюсь бросить элемент в литии элемент, и я хочу, чтобы проверить если он содержит элемент div. Проблема в том, сама функция всегда возвращает ложь и никогда не переходит в «возвращение ложным;», даже если литий содержит Div элемент, как это:

<li class="ui-droppable"> 
    <div class="ui-draggable"> 
</li> 

Как решить эту проблему?

Answer 1

Полезный метод $.contains не работает, как вы ожидаете.

http://api.jquery.com/jQuery.contains/

параметры он принимает являются: container и contained, и использовать его как:

$.contains(container, contained) 

Оба параметра должны быть DOM элементы ... не объекты JQuery или селекторы.

Таким образом, в вашем случае, поскольку вы не ищете определенный элемент, содержащийся в другом конкретном элементе, вы не можете использовать $.contains - вы должны использовать другой метод.

Я предложил бы использовать .find и подсчитывать, сколько матч:

if (container.find("div").length > 0) { 

} 

Конечно, если вы хотите взглянуть на непосредственных детей, использование:

if (container.children("div").length > 0) { 

} 

Answer 2

При объединении вы будете делать :

if (container.has('div')) {...}