jQuery addClass example

Change class name on click in jQuery

by jrdiaz

HTML

<ul>
  <li class="par_cat">1</li>
  <li class="sub_cat">2</li>
  <li class="sub_cat">3</li>
  <li class="par_cat">4</li> <!-- this is the single element I need to select -->
  <li class="sub_cat">5</li>
  <li class="sub_cat">6</li>
  <li class="sub_cat current_sub">7</li> <!-- his is where I need to start searching -->
  <li class="par_cat">8</li>
  <li class="sub_cat">9</li>
  <li class="par_cat">10</li>
</ul>

JavaScript

$(function() {
	$('li.current_sub').html('Here we are');

  // this doesn't work
	$('li.current_sub')
  	.prevAll('.par_cat:first')
    .text('Found with prev');
    
  /* // uncomment me, I'm working
    $('li.current_sub')
    .prevAll('.par_cat:first')
    .text('Found with prevAll'); */
});