Select element by exact match of its content

by

No, there’s no jQuery (or CSS) selector that does that.

You can readily use filter:

$("p").filter(function() {
    return $(this).text() === "hello";
}).css("font-weight", "bold");

It’s not a selector, but it does the job. 🙂

If you want to handle whitespace before or after the “hello”, you might throw a $.trim in there:

return $.trim($(this).text()) === "hello";

For the premature optimizers out there, if you don’t care that it doesn’t match <p><span>hello</span></p> and similar, you can avoid the calls to $ and text by using innerHTML directly:

return this.innerHTML === "hello";

…but you’d have to have a lot of paragraphs for it to matter, so many that you’d probably have other issues first. 🙂

More Related Contents:

  1. jQuery how to find an element based on a data-attribute value?
  2. Why is my jQuery :not() selector not working in CSS?
  3. Access the css “:after” selector with jQuery [duplicate]
  4. use jQuery’s find() on JSON object
  5. Jquery bind double click and single click separately
  6. jQuery selector value escaping
  7. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  8. jquery find versus context selection
  9. jQuery select all except first
  10. Does jQuery do any kind of caching of “selectors”?
  11. How can I detect if a selector returns null?
  12. jQuery: select an element’s class and id at the same time?
  13. jQuery attribute name contains
  14. Efficient, concise way to find next matching sibling?
  15. jQuery scrollTop not working in Chrome but working in Firefox
  16. First word selector
  17. jQuery select by class VS select by attribute
  18. How to check if an element does NOT have a specific class?
  19. A cleaner way to select by multiple possible attribute values?
  20. jQuery: select all elements of a given class, except for a particular Id
  21. Performance of jQuery selector with context
  22. Get the selected option id with jQuery
  23. Jquery find all ids starting with a string?
  24. jQuery: using a variable as a selector [duplicate]
  25. What JQuery selector excludes items with a parent that matches a given selector?
  26. How to use placeholder as default value in select2 framework
  27. Cleanest way to get the next sibling in jQuery
  28. Performance differences between using “:not” and “.not()” selectors?
  29. How do I select an element with special characters in the ID?
  30. jquery filtering has + not

Leave a Comment