javascript - 通过jquery动态隐藏id

Question

我有三个 3 div

<div id= "product_1"></div>
<div id= "product_2"></div>
<div id= "product_3"></div>
<div id= "product_4"></div>
<div id= "product_5"></div>

我正在动态更改 id

var hotelCode = "CUNMXHIDD,CUNMXMAYA,CUNMXDSAN"
var splittedHotelCode = hotelCode.toString().split(',');
jQuery.each(splittedHotelCode, function(i, hotelCode) {
 $("#product_"+ i).attr("id","product_"+ hotelCode);
});

在此之后，我想隐藏未索引的 div 产品_4 和产品_5

现在 DOM

<div id= "product_CUNMXHIDD"></div>
<div id= "product_CUNMXMAYA"></div>
<div id= "product_CUNMXDSAN"></div>
<div id= "product_4"></div>
<div id= "product_5"></div>

我不想硬编码。我可以通过 Jquery 隐藏它们吗？

Answer 1

您可以使用数组的length 和slice 方法。

$('div[id^=product]').slice(splittedHotelCode.length).hide();