Jquery find string in DOM and get his element

Question

I there way to get element from DOM objects whitch contains some string? I am trying:

$( "*:contains('searchedString')" ).first().text( "test" );

or

$( "*:contains('searchedString')" ).text( "test" );

But this returns <html> object so after execute whole content dissapear and show only test on screen.

EDIT:

I need search in whole document therefore * selector...
DOM types can be h2, div, etc..

You'll have to be more precise in your selector. `*` won't give you the result you're looking for. — Zenoo, Jun 22 '18 at 09:11
DOM object with the string will be input types or any other tags like `
` or `
` etc? — Himanshu Upadhyay, Jun 22 '18 at 09:13
html or body do have that content. you should use element tag such as `p` or `span` or something else. — Terry Wei, Jun 22 '18 at 09:14

score 4 · Accepted Answer · answered Jun 22 '18 at 09:14

Getting everything with * will always include the <html> tag.

To get the deepest element, you could get the last element your selector finds using jQuery .last() method :

<div><span>test</span></div>

let deepestElement = $("*:contains('test')").last();
console.log(deepestElement);

Here is a working JSFiddle : https://jsfiddle.net/Zenoo0/ryjtwdqb/2/

Terry Wei · Answer 2 · 2018-06-22T09:30:28.653

You can get all the result which has no child as below:

var result = $( "*:contains('searchedString'):not(:has(*))" ).text( "test" );
console.log(result);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <span>searchedString</span>
</div>

Or You can limit the selector with tags to avoid results you don't want.

And you can use filter to get the useful part.

var tags = ['div', 'p', 'span'];
var str = "";
var result = $(tags.join(',')).filter(':contains("searchedString")');
console.log(result.length);
// ... filter result or something

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <span>searchedString</span>
</div>

score 0 · Answer 3 · answered Jun 22 '18 at 09:47

$( "h1,h2,div:contains(searchStrinng)" ).first().text( "test" );
$( "h1,h2,div:contains(searchStrinng)" ).text( "test" );

Example:
<h1>Hello</h1>
<h2>Hello</h2>

- For first element (include only h1,h2,div) 
$( "h1,h2,div:contains(Hello)" ).first().text( "test" );

- For all element(include only h1,h2,div)
$( "h1,h2,div:contains(Hello)" ).text( "test" );

Jquery find string in DOM and get his element

3 Answers3