Question

我认为问题是因为JS同时应用于页面上的所有元素，而不是一次只应用一个元素，但我不是100％如何解决这个问题。

JSFiddle在这里：http://jsfiddle.net/oyg9mLad/

<h2>This is your title</h2>

<h2>This is your title</h2>

$(function() {
    var subheader = $('h2'),
        subheadertext = $(subheader).text(),
        subheaderfull = '<span>' + subheadertext + '</span>';

    $(subheader).html(subheaderfull);
});

Answer 1

如果您只想更新第一个h2，请尝试以下操作：

var subheader = $('h2:first')

DEMO

Answer 2

如果您尝试更改网页中每个“h2”元素的内容，请使用$.each：

$.each($('h2'), function() { /* your code here */  });

在http://jsfiddle.net/oyg9mLad/5/查看更新的jsFiddle。

我希望这就是你所需要的。

在添加跨度后，标题重复

2 个答案: