jQuery CSSセレクタを使用してヘッダのテキストを正しく選択できません

Question

ドキュメントの "a"内のすべてのヘッダ（h1〜h6）からテキストを抽出するjqueryにコードを書きました。 例：出力として

<a> 
    <h1>TEXT I WANT TO CAPTURE1</h1> 
</a> 

、私が期待する：ここで

TEXT: TEXT I WANT TO CAPTURE1 

は私のコードです：

$(function(){ 
    var text = []; 
    var h12 = []; 
    h12 = $("a > :header"); 
    for(j in h12){ 
     text[j] = $(h12[j]).text(); 
     $('body').append("<b>TEXT:</b> "+ text[j]); 
    }); 

コードは、このタスクを達成するため、問題は彼がにISNということですそのような構造からテキストをキャプチャすることはできません：

<div> 
     <div> 
      <div> 
       <a> 
        <h1>TESTE EXTREMO1</h1> 
       </a> 
      </div> 

     </div> 
    </div> 

誰もこの問題を解決し、このコンテキストでh1要素のテキストを "a"の内部に入れる方法を知っていますか？問題は可能性があります間違ったCSSの選択に関連しているが、私は間違って何を正確に把握することはできません！ありがとう。

Answer 1

ここにはいくつかの構文上および構造上のエラーがあります。この全体の事はに短縮することができます。

$(function() { // on DOM-ready 
 
    $("a > :header").each(function() { // for each header that's a direct child of an anchor 
 
     $('body').append("<b>TEXT:</b> " + $(this).text()); // append its text to the body 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <div> 
 
    <div> 
 
     <a> 
 
     <h1>TESTE EXTREMO1</h1> 
 
     </a> 
 
    </div> 
 
    </div> 
 
</div>

いない属性を持つ<a>要素を持つように注意してください。ブラウザーは少なくともhref属性を持たないアンカーのように扱わない傾向があります。

Answer 2

あなたはforループを閉じませんでした。また、配列に追加するには.pushを使用します。

$(function(){ 
    var text = []; 
    var h12 = []; 
    h12.push($("a > :header")); 
    for(j in h12){ 
     text[j] = $(h12[j]).text(); 
     $('body').append("<b>TEXT:</b> "+ text[j]); 
     } 
    }); 

ここにはjsfiddleがあります。