更新所有重复ID的Jquery中的html内容

时间:2013-08-14 07:40:35

标签: jquery-ui jquery

我正在尝试使用jquery HTML函数更新div中的HTML内容。

<div id="test"></div>
.
.
.
<div id = "test" style="display:none"></div>'

我在更新内容时。

 (#test).html(result)

我需要更新div。如何实现这一点。

由于

5 个答案:

答案 0 :(得分:2)

ID必须是唯一的,您应该使用class

<div class="test" id="test1"></div>
<div class="test" id="test2"></div>

$('div.test')
.html('<p>All new content.You want!</p>');

答案 1 :(得分:1)

IdHTML中必须是唯一的,您应该使用类

HTML:

<div class="test"></div>
.
.
.
<div class= "test" style="display:none"></div>'

JavaScript的:

$(".test").html(result)

答案 2 :(得分:0)

使用class而不是id并试试这个

 $('.test').html(result)

答案 3 :(得分:0)

试试这个

$('div').html(result);

而不是id,你可以使用class。

$("div.class_name").html(res);

答案 4 :(得分:0)

我假设您的HTML代码是:

<div id="#test">xxxx</div><div id="test">cccc</div>

然后如果你打电话给$(“#test”);这些将返回2长度的数组;所以,你必须调用每个数组来更新所有数组。我认为你会更新值'ddd'到#test,然后

for(i=0;i<$('#test').length;i++){
      $('#test')[i].html('ddd');
}