I am trying to select an element in the list depending on its html content. I was hoping to do something like $('li[html="something"]'), but of course html isn't an attribute. Is there an equivalent set based operation?
I could of course iterate all the elements in the list using $.each(), but it seems to me it will be quite a lot slower.
you could try the :contains() selector
http://api.jquery.com/contains-selector/
$("li:contains('something')")
For an exact match (from the link above):
$.expr[":"].contains = function(obj, index, meta, stack){
return $.trim($(obj).html()) == meta[3];
}
Usage:
$("li:contains('john')")
This will only match <li>John</li>, not <li>A. John</li>, neither <li>John 6</li>... just <li>John</li>!
Take a look at the contains() selector:
<ul><li>some</li><li>something</li></ul> using $('li:contains("some")') both will be selected.Thanks for pointing me in the right direction, but the correct solution requires building on that using $.extend. Here is what I came up with:
$.extend($.expr[':'], {
'hasHtml': function(elem, i, attr) {
return ($(elem).html() == attr[3]);
}
});
