以下是否将带有Class的每个实例的Text附加到该类的实例的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实例，第一个有文本，“hello world”，下一个说法是“你好吗”，那么我正试图让输出显示：

<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>');

当然，如果你这样做，你将获得更好的性能并且不必担心连接：

var t = $(this);
t.append($(document.createElement('span')).addClass('shadow').text(t.text()));