jQuery - 找到一个存在的类并返回true/false

Question

我想检查一个子li类中是否存在类,如果类存在返回true或者defined.

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>

这是我的代码,但不会返回true或false,它返回锚点的url

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');
}

请不要建议使用CSS,我只需要javascript

Answer 1

为什么不简单地去.hasClass()或length:

if ( $("selector").length ) {   /*EXISTS (greater than 0) */  }

要么

if ( $("selector")[0] ) {   /*EXISTS (not undefined) */  }

if ( $("selector").hasClass("someClass") ) {   /*EXISTS (has class) */  }

$('.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;
}