Sprawdź, czy element zawiera określony element podrzędny.

Question

Mam wiele div s, które czasami zawierają linki. Chcę sprawdzić, czy mają link. To moja próba:

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. 
    } 

Robiąc container.html() mogę zobaczyć dokładną treść container tym tagów kotwicznych, ale mój powyższy kod będzie zawsze powiedzieć, że nie może znaleźć znacznika zakotwiczenia.

Czy ktoś może mi powiedzieć, co robię źle?

Answer 1

Zmiana ta:

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

container jest obiekt jQuery i .find() jest funkcją tego obiektu, która znajduje się w nim elementy. Długość większa od 0 oznacza, że ​​znajdzie znacznik zakotwiczenia i oceni się jako prawdziwy.

Edit:

Ponadto, aby wyjaśnić, dlaczego Twój przykład nie działa. Kiedy wykonujesz container+':has(a)', robisz konkatenację ciągów, która uruchamia toString() na twoim obiekcie (konwertując go na "[obiekt obiektu]"). Tak więc kończy się ciągiem "[object Object]: has (a)", który zawsze będzie się sprawdzał jako true.

Answer 2

Można użyć właściwości selektora length w celu ustalenia, czy znaleziono jakieś elementy. Spróbuj tego:

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

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

Answer 3

Zmień

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

Aby

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

pojemnik jest obiektem jQuery, a nie ciąg selektor

Answer 4

Yours będzie działać, jeśli go zmienić na

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

In docs

Przełącznik dostarczany jest testowany przed potomkami elementów pasujących