Question

我有3个具有相同ID的div，我需要为它们设置值。 div是动态生成的，我想设置值。

<div id='product_0'>
<div id='product_name'>Product 1
</div>
</div>
<div id='product_1'>
<div id='product_name'>Product 2
</div>
</div>
<div id='product_2'>
<div id='product_name'>Product 3
</div>
</div>

生成的div有默认文本，我想通过jquery或javascript进行更改。任何人都可以帮我解决这个问题。提前致谢

Answer 1

你走错了路。不要使用相同的ID。使用Class。

HTML：

<div id='product_0'>
    <div id='product_name0' class="product">Product 1</div>
</div>
<div id='product_1'>
    <div id='product_name1' class="product">Product 2</div>
</div>
<div id='product_2'>
    <div id='product_name2' class="product">Product 3</div>
</div>

Jquery的：

$("div .product").eq(0).text("Product 4");
$("div .product").eq(1).text("Product 5");
$("div .product").eq(2).text("Product 6");

Working Fiddle

Answer 2

只需使用父char id

尝试这样做

div

Answer 3

虽然我同意其他一些答案，因为ID应该是唯一的，您仍然可以通过简单地将标记添加到选择器来定位这些元素，如下所示：

<div id='testing'></div>
<div id='testing'></div>
<div id='testing'></div>

<script>
alert($('div#testing').length);
</script>

这是一个小提琴： http://jsfiddle.net/st9pz3qo/

将不同的文本设置为相同的id div

3 个答案: