javascript - 以下是否将 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()));