0

我有html代码

<div content="Something 1">Content 1</div>
<div content="Something 2">Content 2</div>
<div content="Something 3">Content 3</div>

我想使用 jQuery 用这个content属性替换 HTML 的内容。

<div content="Something 1">Something 1</div>
<div content="Something 2">Something 2</div>
<div content="Something 3">Something 3</div>

我不知道如何选择多对象。请任何人帮助我。谢谢。

4

3 回答 3

4

ID's 不能包含空格。

 

这将替换Content xwith的所有实例Something x，x从id.

$("div").each(function(){
    $(this).text($(this).attr("id"));
});

示例 1：http: //jsfiddle.net/charlescarver/xuGEq/2/

 

这将替换Content xwith的所有实例Something 1：

$("div").each(function(){
    $(this).text("Something 1");
});

示例 2：http: //jsfiddle.net/charlescarver/xuGEq/1/

于 2013-04-14T04:43:10.287 回答
1

如果您的所有 id 都以前缀 something 开头，请使用：

$("div[id^='Something']").text("Something 1")

如果您正在寻找的是编辑文档中的所有 div 标签，您可以简单地：

$("div").text("Something 1")

如果您确切知道要编辑的 html 标记是什么，我建议您用类标记它们。让我们说：

<div id="Something 1" class="editable">Content 1</div>
<div id="Something 2" class="editable">Content 2</div>
<div id="Something 3" class="editable">Content 3</div>

这样你就可以简单地做：

$(".editable").text("Something 1")

如果您想修改他们的内部文本。或者：

$(".editable").html("<strong>Something 1</strong>")

如果您想为他们提供更丰富的格式，不仅要修改他们的文本，还要修改他们的内部 HTML。

将 id 与空格一起使用是一种不好的做法。Chrome 不会抱怨，但其他一些浏览器会抱怨。因此，仅当您使用“Something 1”之类的 id 时，最好使用“something_1”（属性和 html 标记使用小写字母的惯例）。

这里有一个链接解释了选择器在 jQuery 中的工作原理：http: //api.jquery.com/

于 2013-04-14T04:50:58.140 回答
0

如果您不想影响页面上的所有 div，但只想影响其 id 中包含某些内容的 div，请尝试此操作...

$("[id^=Something]").each(function(){
    $(this).text("Something 1");
});

请注意，在 id 中使用空格不是可行的方法，您应该将它们命名为“something1”......

于 2013-04-14T04:48:22.430 回答