jQuery - finde eine Klasse exist und gebe true/false zurück

Question

Ich möchte überprüfen, ob die Klasse innerhalb eines Kinds von li existiert und wenn die Klasse existiert, gebe true oder defined zurück.

HTML

<li class="show-more"> 
<a> if found selected then add to this</a> 
<ul> 
<li><a> sub-menu</a></li> 
<li><a> sub-menu</a></li> 
<li><a class="selected"> sub-menu</a></li> 
<li><a> sub-menu</a></li> 
</ul> 
</li> 

hier ist mein Code, aber werden nicht wahr oder falsch zurück, zurück es die URL des Ankers

var active_sub_menu = $('li.show-more ul li').find('selected'); 

alert(active_sub_menu); 
if(typeof active_sub_menu == 'defined'){ 
    $('li.show-more > a').addClass('selected'); 
} 

bitte nicht vorschlagen, CSS zu verwenden, ich brauche Javascript nur

Answer 1

Warum nicht einfach gehen für .hasClass() oder length:

if ($("selector").length) { /*FOUND*/ } 

oder

if ($("selector").hasClass("someClass")) { /*FOUND*/ } 

$('.show-more').each(function() { 
 

 
    if ($(this).find("li a.seleted").length) { 
 
    console.log('FOUND'); 
 
    $(this).children("a").addClass('selected'); // Make main anchor also selected 
 
    } else { 
 
    console.log('NOT FOUND'); 
 
    } 
 

 
});

.selected { 
 
    background: red; 
 
}

<ul> 
 
    <li class="show-more"> 
 
    <a> if found .selected then add also to this anchor</a> 
 
    <ul> 
 
     <li><a> sub-menu</a></li> 
 
     <li><a> sub-menu</a></li> 
 
     <li><a class="selected"> sub-menu</a></li> 
 
     <li><a> sub-menu</a></li> 
 
    </ul> 
 
    </li> 
 
</ul> 
 

 

 
<script src="//code.jquery.com/jquery-3.1.0.js"></script>

Answer 2

Verwenden Sie length, um zu testen, ob der Selektor Elemente

zurückgibt

Answer 3

if($('li.show-more ul li').hasClass('defined')) { 
    $('li.show-more > a').addClass('selected'); 
} 

Ich gehe davon aus, dass das, was Sie mit typeof gedacht?

Eine weitere Option:

var active_sub_menu = $('li.show-more ul li').find('.selected'); 
if(active_sub_menu.length) { 
    $('li.show-more > a').addClass('selected'); 
}