0

次の HTML コードがあります。

<div class="top_l">
    <a class="shou" onclick="" href="">11</a> | 
    <img border="0" class="" src="/">XXXXXX<a href=""></a> | 
    <a href=""></a> | 
    <a href=""></a> 
</div>

jQueryを使用してテキストXXXXXXを取得するにはどうすればよいですか(使用するセレクター)?

4

4 に答える 4

0

あなたはこのようにすることができます：

var childNodes = document.querySelector("div").childNodes, pickNext = false;
for(var i in childNodes) {
    var childNode = childNodes[i];
    if(pickNext) {
        alert(childNode.nodeValue);
        break;
    }
    // same as $(childNode).is("img")
    // now you can put the XXXXXX where ever you want.
    // as far as you know which is the next sibling.you can get it
    if(childNode.nodeName === "IMG") {
        pickNext = true;
    }
}

このようにして、兄弟のノード タイプがわかっている限り、どこにいてもテキストを見つけることができます。

免責事項: これは IE では機能しない場合があります。

デモ

于 2013-05-04T10:07:32.417 に答える
0

それを html タグ内に配置し、jquery を使用してそのタグを呼び出す必要があります。以下のサンプルを参照してください。

<img src = "abcd.png" /> <span>XXXXXX</span> <br />etc etc<and some more HTML code>

そしてあなたのjqueryで

$(document).ready(function(){
alert($("span").text());
});

jqueryでは、cssセレクターを使用してタグを選択できます

<img src = "abcd.png" /> <span id="theText">XXXXXX</span> <br />etc etc<and some more HTML code>

$(document).ready(function(){
alert($("#theText").text());
});
于 2013-05-04T09:23:06.887 に答える