jQuery test, если element1 является потомком element2

Question

Кто-нибудь знает, как хороший способ проверить, является ли один элемент, сохраненный в var, потомком другого, также хранящегося в var?

Мне не нужен element1.isChildOf('selector'), это легко.
Мне нужно element1.isChildOf(element2)

element2.find(element1).size() > 0 Кажется не работает.

Я не хочу писать плагин для использования .each для проверки каждого ребенка, если я могу его избежать.

Answer 1

Если вы используете 1.4, и ищут потомок, а не ребенок, как ваш find() пример предполагает, что есть has() метод:

element2.has(element1).length > 0 

Answer 2

Вы можете использовать для этого. Он вернет -1, если элемент не находится в наборе. Предполагая element1 и element2 являются DOM элементов и не JQuery объектов:

if ($(element2).children().index(element1) != -1) { 
    // it's a child 
} 

Для полноты, чтобы проверить, если что-то есть потомок, а не просто ребенок, он также может быть использован для этого тоже:

if ($(element1).parents().index(element2) != -1) { 
    // element1 is a descendant of element2 
} 

Answer 3

по Jquery 1.6, вы можете определить, является ли объект JQuery является потомком другого объекта JQuery таким образом:

element2.is(element1.children()); 

Также примечательно, поскольку is() теперь принимает несколько разных аргументов (первым аргументом может быть функция, селектор jQuery или элемент DOM), вы не можете думать об этом просто как «есть», а скорее «есть или находится в ".

Answer 4

Я знаю, эта нить старый, но это также работает, если вы хотите проверить вверх, а не вниз:

function isElementChildOf(childElement, parentElement) { 
    return 0 !== $(childElement).parents(parentElement).length; 
} 

Вот working example

Answer 5

Это true если element1 является дочерним element2, в другими словами element1 имеет родителя, то есть element2

$(element1).parents(element2).length 

таким образом это не ОК, если родитель имеет больше детей (let say they are input's):

$(element2).children(element1).length