How can I find elements by text content with jQuery?

by

You can use the :contains selector to get elements based on their content.

Demo here

$('div:contains("test")').css('background-color', 'red');
<div>This is a test</div>
<div>Another Div</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

More Related Contents:

  1. Using .text() to retrieve only text not nested in child tags
  2. Find text string using jQuery?
  3. Find a string of text in an element and wrap some span tags round it
  4. How can I change the text color with jQuery?
  5. Append text to input field
  6. auto resize text (font size) when resizing window?
  7. jQuery select by attribute using AND and OR operators
  8. jQuery if div contains this text, replace that part of the text
  9. typing animated text
  10. Remove all HTMLtags in a string (with the jquery text() function)
  11. Find all elements on a page whose element ID contains a certain text using jQuery
  12. jQuery find parent form
  13. jQuery UI Slider (setting programmatically)
  14. jQuery animate scroll
  15. JSON parsing error syntax error unexpected end of input
  16. Jquery how to find an Object by attribute in an Array
  17. Autofocus input in twitter bootstrap modal
  18. What HTTP status codes count as success in jQuery.ajax?
  19. How to select a table column with jQuery
  20. Switch positions of 2 divs with jQuery
  21. Preventing “SCRIPT5: Access is denied” error in IE
  22. Overriding CSS styles of the jQuery UI Tooltip widget
  23. Can jQuery .load append instead of replace?
  24. Display 2 weeks in jQuery FullCalendar
  25. jQuery to trigger a click on an iFrame?
  26. jquery not working to change inner html?
  27. JQuery :contains function limit to exact match
  28. Webpack using bootstrap – jquery is not defined
  29. scrolltop with animate not working
  30. JQuery best practice, using $(document).ready inside an IIFE?

Leave a Comment