Question

159

jQuery - find a class exist and return true/false

rated 0 times [ 164] [ 5] / answers: 1 / hits: 97497 / 12 Years ago, fri, february 15, 2013, 12:00:00

I want to check if class exists inside a child of li and if class exists return true or 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>

here is my code, but wont return true or false, it return the url of anchor

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

}

please dont suggest to use CSS, I just need javascript

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

gideonb

Add To Favorites

Follow

Total Points: 187

Total Questions: 101

Total Answers: 86

Location: North Korea

Member since Mon, Feb 27, 2023

1 Year ago

answered 12 Years ago calicinthias · Accepted Answer

Go for .hasClass() or length:

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

or

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

or

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;

}

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