Проверьте, содержит ли элемент определенный дочерний элемент

Question

У меня есть много div s, которые иногда содержат ссылки. Я хочу проверить, есть ли у них ссылка. Это моя попытка:

var container = $(this).closest('.content').find('.text'); 

    //Check if text contains a tags 
    if(container+':has(a)'){ 
     alert('contain link'); 
    } 
    else{ 
     alert('no link found'); //Alert "contain link" even if no link is found. 
    } 

Поступая container.html() я могу увидеть точное содержание container включая якорные тег, но мой код выше будет всегда говорить, что он не может найти якорь тега.

Может ли кто-нибудь сказать мне, что я делаю неправильно?

Answer 1

Изменение к этому:

if(container.find("a").length){ ... 

container является объектом JQuery и .find() является функцией этого объекта, который находит элементы внутри него. Длина, превышающая 0, будет означать, что она найдет привязную метку и будет оцениваться как истина.

Edit:

Кроме того, чтобы объяснить, почему ваш пример не работает. Когда вы делаете container+':has(a)', вы выполняете конкатенацию строк, которая запускает toString() на вашем объекте (преобразует его в «объект объекта»). Таким образом, вы получаете строку «[object Object]: has (a)», которая всегда будет оцениваться как true.

Answer 2

Вы можете использовать свойство селектора length, чтобы определить, были ли найдены какие-либо элементы. Попробуйте это:

var $container = $(this).closest('.content').find('.text'); 

if ($('a', $container).length) { 
    alert('Contains links'); 
} 
else { 
    alert('No links found'); 
} 

Answer 3

Изменить

if(container+':has(a)'){ 

Для

if(container.has('a').size()){ 

контейнер является JQuery объект, а не строка селектор

Answer 4

Ваш будет работать, если вы измените его на

if($(container+":has(a)").length > 0){ 

In docs

Прилагаемый селектор сверяется потомков элементов согласующих