jQuery text placeholders (select by text?)

Question

I was wondering if jQuery (or maybe a plugin of jQuery) has the ability to select a text in the page so I could replace it. Similar to what is done in AngularJS with {{myExpression}} - what I would like to do is select {{myExpression}} and replace it with something else using jQuery.

Yes - I know I can have an empty span with an id and change it's inner text - that's not what I need.

Thank you

Answer 1

Use a variation of the :contains selector.

http://api.jquery.com/contains-selector/

Example given:

<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>

<script>
$( "div:contains('John')" ).css( "text-decoration", "underline" );
</script>

Edit: Upon further research, this appears to be a duplicate of these questions:

• How to Find text and replace using jQuery
• How do I do string replace in JavaScript to convert ‘9.61’ to ‘9:61’?
• jquery find and replace text, without element id
• Jquery: Find Text and replace
• jQuery find and replace string
• jQuery - Find and replace text, after body was loaded
• Find and replace text with jquery, only text no child elements

Answer 2

$('*:contains("myMessage")') returns a jQuery object that contains matched elements