jquery-ui - 更新所有重复 id 的 Jquery 中的 html 内容

Question

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

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

当我更新内容时。

 (#test).html(result)

我需要同时更新 div 。我怎样才能做到这一点。

谢谢

Answer 1

ID 必须是唯一的，你应该使用 class 代替

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

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

Answer 2

Id必须是唯一的HTML，你应该使用 class 代替

HTML：

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

JavaScript：

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

Answer 3

我假设您的 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');
}

Answer 4

使用类而不是 ids 并尝试这个

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

Answer 5

尝试这个

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

或者

您可以使用 class 来代替 id。

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