JQuery: итерация для такого же имени класса

Question

У меня есть несколько 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> 

Как я могу получить весь текст внутри DIV класса сообщений с помощью .html(). Мое содержимое идет динамично. У меня разные диапазоны. Также мне нужно установить другой текст для всех div, используя .html(). Поэтому мне нужен способ, чтобы все содержимое под именем класса было итеративно. Я знаю метод .each(), но не знаю, как это сделать. Как новичок мне нужна ваша помощь. Буду признателен за вашу помощь.

Answer 1

Вы можете использовать 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'); 
    }); 

Answer 2

Как комментарий указывал использовать .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); 

Answer 3

Попробуйте это, если у вас всегда есть только один интервал для каждого сообщения: ('сообщение')

$ каждый (функция() {

оповещения ($ (это) .children.() .first(). text());

});

Я не знаю, что вы хотите делать с содержанием сообщений, но с этим вы можете получить все из них. Если вы хотите, вы можете сохранить их в массиве и использовать в другом контексте ...