在元素中的所有其他文本之前添加文本

时间:2015-07-03 19:17:03

标签: jquery

我如何将文字添加到我当前的所有字幕

<caption><span>Existing Caption Text</span></caption>
<caption><span>Existing Caption Text2</span></caption>
<caption><span>Existing Caption Text3</span></caption>
<caption><span>Existing Caption Text4</span></caption>

所以我想在每个标题中添加文字并按顺序显示

结果将是

<caption><span>NEW TEXT Existing Caption Text</span></caption>
<caption><span>NEW TEXT Existing Caption Text2</span></caption>
<caption><span>NEW TEXT Existing Caption Text3</span></caption>
<caption><span>NEW TEXT Existing Caption Text4</span></caption>

我知道如何使用替换文本,但我只想将其添加到现有文本中。

$('caption span').text('NEW TEXT');

3 个答案:

答案 0 :(得分:3)

您可以为text()方法提供一个函数,可用于修改元素的现有文本值。试试这个:

$('caption span').text(function(i, text) {
    return 'NEW TEXT ' + text;
});

答案 1 :(得分:0)

你可以在jquery

中使用 .each 来做到这一点
$('caption span').each(function() {
    $(this).html('NEW TEXT ' +$(this).html());
});

这应该有用......

答案 2 :(得分:0)

你甚至可以使用它:

$('caption span').html(function(i, text) {
    return 'NEW TEXT ' + text;
});