javascript替换多个div标签

Question

由于我目前正在使用具有某些产品集成的日历系统，因此我希望能够查看日历中是否有与该事件相关的产品。

目前，我有这个功能，打开一个文件并发送ID来获得产品的名称，但问题是，如果有多个<div id="productX"></div>与产品ID替换x）在页，那么它只会替换找到的第一个div标签。

function getProductname(id){
$.ajax({
    type: 'GET',
    url: 'http://XX.com/api/calendar_getname.php',
    data: 'id=' + id,
    success: function(data) {
        $('#product' + id).html(data);
    }
});

};

有什么办法可以使它替换页面周围多个相同的div标签吗？ 就像它找到<div id="product0">X</div> 2个项目一样，将其X替换为从页面获取的值。

希望它在某些方面是可以理解的。

Answer 1

ID对于一个元素是唯一的，您应该改用一个类，然后将其定位

<div class="productX"></div>

Answer 2

替换为：

$('#product' + id).html(data);

这样：

$('[id="product"'+id+']').html(data);

这是一个JSFiddle演示

Answer 3

我建议你有像

<div class='product'></div>

但是，如果您坚持使用Id，仍然可以通过使用Id来实现

从选择器开始

 $('#b1').click(function() { $('div.product').html('By Class'); }); $('#b2').click(function() { // Get all div which id starts with product. $('div[id^="product"]').html('By ID'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <div id="product1" class="product"></div> <div id="product2" class="product"></div> <div id="product3" class="product"></div> <div id="product4" class="product"></div> <button id="b1">By Class</button> <button id="b2">By ID</button>