-2

同じクラス名の div がいくつかあります。でも内容が違う。それらは次のようなものです

  <div class="schoolLib">
         <div class="message">
            <span class="msgTextLib">This is a sample text.</span>
         </div>
  </div>


  <div class="schoolCanteen">
         <div class="message">
            <span class="msgTextcanteen">This is another sample text.</span>
         </div>
  </div>


  <div class="schoolBus">
         <div class="message">
            <span class="msgTextBus">This is a sample text for Bus.</span>
         </div>
  </div>

.html() を使用してメッセージ クラスの div 内のすべてのテキストを取得するにはどうすればよいですか。私のコンテンツは動的に来ています。私は別のスパンクラスを持っています。また、.html() を使用して、すべての div に異なるテキストを設定する必要があります。したがって、クラス名メッセージの下にあるすべてのコンテンツを繰り返し取得する方法が必要です。私は .each() メソッドについて知っていますが、これを行う方法がわかりません。初心者として、私はあなたの助けが必要です。私はあなたの助けに感謝します。

4

3 に答える 3

0

eachコレクションを反復処理するために使用できます。

$('.message').each(function(){
    var msg = $(this);
    msg.html('<div> new content </div>'); //for adding html
    //or to set the text use
    msg.text('change text');
  });
于 2013-03-26T17:01:18.143 に答える
0

コメントが指摘したように、コンテンツを取得するには .each() を使用します。参考までに、スニペットを投稿してください。

    var html = '';
    $('.message').each(function(){
      html += $(this).html(); //get the html
      $(this).html('<span>something else</span>') //set a different html
    });
    console.log(html);
于 2013-03-26T17:02:06.463 に答える
0

メッセージごとに常に 1 つのスパンしかない場合は、これを試してください。

$('.message').each(関数(){

alert($(this).children().first().text());

});

メッセージの内容で何をしたいのかわかりませんが、これですべてを取得できます。必要に応じて、それらを配列に格納して、他のコンテキストで使用できます...

于 2013-03-26T17:09:38.970 に答える