I have an unordered list of all the features of each product.

Some of those features are blank though, as in Not-Applicable.

So I want to add a class of "my-hidden" to those rows which have a value of "-"

So the DOM looks like this.

<ul id="mylist">
<li><span>Label One</span> - </li>
<li><span>Label Two</span> foobar </li>
<li><span>Label Three</span> - </li>
<li><span>Label Three</span> foobar </li>
</ul>

I want to attach the class of "my-hidden" to the first and third <li>.
I'll then use CSS to do the rest.

How can I do that? I assume i need some kind of "for each" loop that
looks at all the <span> siblings and compares whether they contain the text "-" ?

Anyone?

I'm a bit rusty at this, so you'll probably have to varify at the jQuery website, but something like this should work.

$("#mylist").children().each(function(){
   var content = $(this).html(); // I think "this" should refer to the <li> elements

   // some regex to find the "-"
   var pattern = / - $/; // This should match any string that ends with " - "
   if (content.match(pattern)) {
      // add the my-hidden class
      this.addClass("my-hidden");
   }
});