1

すべての a href 要素をループしてから、div Foo から始まる href からテキストを取得するにはどうすればよいですか。

基本的に、Hello、World、Acc、Saleなどの値をループしたい.

<div id="Foo">
   <div class="Moo">
      <ul>
         <li>
            <a href="http://www.test.com/b5">Hello</a>
         </li>
         <li>
            <a href="http://www.test.com/b6">World</a>
         </li>
         <li>
            <a href="http://www.test.com/b7">Acc</a>
         </li>
         <li>
            <a href="http://www.test.com/b8">Sale</a>
         </li>
      </ul>
   </div>
</div>

ああ、なんてこったこの言語は私を夢中にさせています。これがうまくいかないのはなぜですか？私は基本的にオブジェクトを指して、すべての A をループすると言っています。

$('#Foo').find('.Moo ul li').find('a').each(function(){
   alert($(this).text);
});

これもうまくいきません。

$('#Foo.Moo ul li a').each(function(){
   alert($(this).text);
});

これも、タグの値の代わりにjavascriptを返し続けるだけです。

('#Foo .Moo ul li a').each(function(){  
   alert($(this).text);
});
4

3 に答える 3

3

のようにしてみてください

$("#Foo .Moo ul li a").each(function(){
     alert($(this).text());
});

あなたのコードから好きかもしれません

$('#Foo').find('.Moo ul li').find('a').each(function(){
   alert($(this).text());
});

それは好きで.text()はないようなものであり.text、適切なあなたのhtmlのようなものです

<div id="Foo">
<div class="Moo">
    <ul>
        <li>
        <a href="http://www.test.com/b5">Hello</a>
        <ul>                
            <li>
            <a href="http://www.test.com/b6">World</a>
            </li>
            <ul>
                <li>
                <a href="http://www.test.com/b7">Acc</a>
                </li>
                <li>
                <a href="http://www.test.com/b8">Sale</a>
                </li>
            </ul>
           </ul>
           </li>
         </ul>
        </div>
    </div>
于 2013-07-09T05:14:22.047 に答える
1

あなたのHTMLは無効です

<div id="Foo">
    <div class="Moo">
        <ul>
            <li>
            <a href="http://www.test.com/b5">Hello</a>
            <ul>
                </li>
                <li>
                <a href="http://www.test.com/b6">World</a>
                <ul>
                    </li>
                    <li>
                    <a href="http://www.test.com/b7">Acc</a>
                    </li>
                    <li>
                    <a href="http://www.test.com/b8">Sale</a>
                    </li>
                </ul>
            </div>
        </div>

これが原因かもしれません。

修正してから再質問してください。

次に、これを行うことができます：

$('#Foo .Moo ul li a').each(function(){
   alert($(this).text());
});
于 2013-07-09T05:15:46.573 に答える