Question

I am using jQuery. Now I need to classify the two lists. If any list having an Id starts with outer, I need to alert it as ‘Outer’. If any list having an Id starts with sub, I need to alert it as ‘Sub’.

<ul id='nav'>      <li id='outer1'><a href='#url'><b class=''>Outer 1</b></a></li>      <li id='outer2'><a href='#url'><b class=''>Outer 2</b></a></li>       <li id='outer3'><a href='#url'><b class=''>Outer 3  </b></a>           <ul style='display: none;'>              <li id='sub1'><a href='#url'><span id='inner1'> inner1</span></a></li>              <li id='sub2'><a href='#url'><span id='inner2'> inner2</span></a></li>           </ul>      </li>      <li id='outer4'><a href='#url'><b class=''>Outer 3  </b></a></li> </ul> 

My code is below. I done the following code.

$('li').each(function(){       $( 'li[ @id ^= 'start' ]' )            alert('START');         $( 'li[ @id ^= 'sub' ]' )            alert('SUB');  }); 

What change should I make in order to execute correctly?

Answer 1

$('li').each(function() {      if($(this).is('[id^='start']')) alert('START');     else if($(this).is('[id^='sub']')) alert('SUB'); });