Имеет ли следующее приложение HTML с текстом от каждого экземпляра класса к этому экземпляру класса?

Question

Я пытаюсь получить следующий код, чтобы захватить текст из каждого экземпляра .banners_text_line и предшествовать ему с помощью span.shadow, в котором будет заключена копия текста из класса. Вот что я имею в виду для JQuery:

<script> 

$('.banners_text_line').each(function(){ 
$(this).append('<span class="shadow">'$(this).text()'</span>'); 
}); 

</script> 

Если бы было два экземпляра .banners_text_line с первым имея текст, «привет мир», а в следующем изречение, «как ты», то Я пытаюсь получить выход на дисплее:

<div class=".banners_text_line"><span class="shadow">hello world</span>hello world</div> 
... 
<div class=".banners_text_line"><span class="shadow">how are you</span>how are you</div> 

Answer 1

вы оставили из оператора конкатенации:

$(this).append('<span class="shadow">' + $(this).text() + '</span>'); 

конечно, вы получите более высокую производительность и не придется беспокоиться о конкатенации, если вы это сделаете это так: