javascript - JavaScript : 特定の innerHtml テキストのタグ名を取得する

Question

以下の問題を解決していただけると大変助かります。「ホーム」テキストを知っているが、それがどこにあるかを知りたいとします。つまり、それは div タグまたは level タグにあります。ここで、div タグを見つけるのを手伝ってください。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

「a」要素を関数 onclick に渡すことから始めるとしましょう。

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

次に、parentNode プロパティを使用して、その内容を確認できます。また、ループを使用して親の連鎖をたどることができます。

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.
}
} 

編集

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

ID は次のように表示されます。

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

これでタグ名がわかります

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

Answer 3

これを試して

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


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