jquery - wordpressのセレクタからテキストを取得

最初の行のテキストをwordpressのbodyから取り出したいと思っています。jquery - wordpressのセレクタからテキストを取得

マイコード： HTMLコード

<body id='asd'> 
    <h2>Text1</h2> 
    <p>Text2</p> 
    <b>Text3</b> 
</body>

JSコード：このコードは、ローカルで作業している

console.log(jQuery('#asd').children(':first').text());

。コンソールで、私が必要とするものを正確に出力します： テキスト1しかし、wordpressでは動作しません。

wordpressで同じコードを試しても、出力は表示されません。

私がしようとした場合：ローカル出力オン

console.log(jQuery('#asd').children(':first'));

です：ワードプレス出力オン[h2, prevObject: r.fn.init(1)] は次のとおりです。[selector: "", prevObject: a.fn.init, context: document]

誰かが助けることができますか？

2017-05-08 Kiddo

上記の出力によれば、要素はDOMに存在しません。あなたはどのようにあなたのWordPressのサイト上のhtml構造がいくつかの詳細を提供できますか？ –

@HarshitJain私はあなたの質問を理解していない.. – Kiddo

ワードプレスはあなたの体からIDを削除しましたか？ '$（ 'body'）。children（）.eq（0）'を試してみてください。それはWordPressの全ページですか？ - つまり、複数のbodyタグを使用しようとしていませんか？ – Pete

あなたのコメントから、本体がメイン文書内の別のiframeにあるかのように見えます。 iframeのコンテンツをターゲットにするには、次の操作を行う必要があります。

$('#iframe-id').contents().find('#asd').children(':first').text()

2017-05-08 13:08:36 Pete

' 、まだ何も、喜んでそれが助けた:) – Pete

ちょうどそれが最初の子タグの値を返します。次

jQuery(document).ready(function(){ 
    jQuery('#asd:first-child').text(); 
}

を使用しています。

2017-05-08 11:19:02

出力は空文字です..しかしローカルでは正解を返す>。 – Kiddo

また試してみてください：first-child –

同じ答え...空の文字列を返します:( – Kiddo

jQueryのドキュメント準備完了イベントにコードを入れる必要があると思います。 bodyタグがDOMにロードされる前にコードが実行されることがあります。

2017-05-08 11:22:54

しようとしました 'jQueryの（ドキュメント）.ready（関数（）{ここでが//コード }）;どういたしまして – Kiddo

答えて