get the number of div which contains the particular text

Question

i am writing some code which need to access a div which contains the particular text following is the small portion of code i am working on:

var txtElem = txtdiv.getElementsByTagName("div");
txtElem[9].style.border = "2px solid blue";

as seen above i am accessing particular div with the index number, but now i want to add more code which can return me index of div from txtElem which contains the selected text from page

Could you show some markup please? – Andreas Wong Apr 11 '12 at 09:43 — Andreas Wong, Apr 11 '12 at 09:43

score 2 · Answer 1 · answered Apr 11 '12 at 09:44

2

You need to loop trough the divs and check the contents with innerHTML

answered Apr 11 '12 at 09:44

Willem D'Haeseleer

19,661
9
66
99

@hiteshtr , if you want to get the selection of the user you might want to look into this thread : http://stackoverflow.com/questions/845390/javascript-to-get-paragraph-of-selected-text-in-web-page – Willem D'Haeseleer Apr 11 '12 at 09:56

Mark Walters · Accepted Answer · 2015-09-10T10:42:40.340

1

Try the code below

 var txtElem = txtdiv.getElementsByTagName("div");

 for ( var i = 0; i < txtElem.length; i++) {
    if(txtElem[i].innerHTML === "The text in the div") {
       //i is the index of the div that contains the text you searched on
       alert(i);
    }
 }

edited Sep 10 '15 at 10:42

answered Apr 11 '12 at 09:49

Mark Walters

12,060
6
33
48

score 0 · Answer 3 · answered Apr 11 '12 at 09:47

0

Loop through divs and use JQuery .html() to check the html content of the div element.

answered Apr 11 '12 at 09:47

dapperwaterbuffalo

2,672
5
35
48

score 0 · Answer 4 · answered Apr 11 '12 at 09:48

0

For ease of use you may want to use jquery see http://api.jquery.com/contains-selector/

answered Apr 11 '12 at 09:48

Shaun Hare

3,771
2
24
36

but this method will not return the index of my div stored in txtElem – hiteshtr Apr 11 '12 at 09:52
But you have a reference to the node if you store it in a var so you can add your css to that .css method Not suitable?? – Shaun Hare Apr 11 '12 at 10:07

get the number of div which contains the particular text

4 Answers4