Question

I have a list with this information:

<li class="me">my name goes here</li>
<li class="settings">some info here</li>
<li class="me settings">some other here</li>
<li class="me">my address goes here</li>

When the user opens the page, the items that have the .me classname (just the .me classname only) must be highlighted:

$(document).ready(function(){
    $('li.me').effect('highlight',{color:'#FFFFFF'},3000);
});

The problem is that the third list item (“me settings”) is also being highlighted. How can I exclude the items that:

• don’t have the .me classname
• do have the .me classname combined with any other classname

Thanks!

Answer 1

Use:

$(document).ready(function () {
    $('li[class="me"]').effect('highlight', {color:'#FFFFFF'}, 3000);
});

where we select li which attribute class is exactly me.