JavaScript：获取某些innerHtml文本的标签名称

Question

I will really appreciate you if you can help me with the following problem. Suppose that I know the "Home" text but now I want to catch where is it in. Means is it in the div tag or in a level tag .Here you should help me to find the div tag and it's id "ey".

<div id="ey">
<ul>
<li>
  <a href="korstone.htm">Home</a>
</li>
</ul>

<ul>
<li>
  <a href="#">About us</a>
</li>
</ul>
</div>

Answer 1

lets' say you start with by passing the 'a' element ta function onclick.

<a onclick='findWhereIAm(this)'>blah blah</a>

You then can find out what it's in by using the parentNode property. And you can travel up the chain of parents by using a loop.

function findWhereIAm(element){
  var parent=element.parentNode;
  while(parent.nodeName!="BODY"){
      if(parent.id=='whatever value you are checking'){
          //do your stuff
         alert(parent.id);

         //break or you'll keep looping through
         break;
     }
     parent=parent.parentNode.
}
} 

EDIT

var as=document.getElementsByTagName('a');
var element;
for(var i=0;i<as.length;i++){
     if(as[i].innerHTML=='Home'){
         element=as[i];
         break;
      }
}

 if(element){
      var parent=element.parentNode;
      while(parent.nodeName!="BODY"){
         if(parent.id=='whatever value you are checking'){
          //do your stuff
         alert(parent.id);

         //break or you'll keep looping through
         break;
     }
     parent=parent.parentNode.
}

 }

Answer 2

The following will tell you the ID:

$("*:contains('Home')").closest("div").prop("id")

This will tell you the tag name

$("*:contains('Home')").closest("div").prop("tagName")

Answer 3

try this

<a onclick='search(this)'>home</a>


    function serach(el){
    var a = el.parent('#ey');
    console.log(a)
    }