Question

所以，假设我有3个div，就像所有同一个类一样：

<div class="Hotspot"></div>
<div class="Hotspot"></div>
<div class="Hotspot"></div>

我如何为每个div分配不同的ID，如下所示：

<div class="Hotspot" id="Hotspot-1"></div>
<div class="Hotspot" id="Hotspot-2"></div>
<div class="Hotspot" id="Hotspot-3"></div>

感谢您的帮助

Answer 1

您可以使用jquery的<Reference Include="netstandard" />函数以及attr()函数

来完成此操作

each()

var i = 1;
$('.Hotspot').each(function() {
  var customID = 'Hotspot-' + String(i)
  $(this).attr('id', customID)
  i++;
  console.log(this)
});

Answer 2

首先，您应该真正编辑您的问题，以显示您尝试过的操作。

我会给你怀疑的好处，并假设你可能不熟悉编码。

那么，关于你的问题：

首先将您的问题分解为较小的，可管理的子问题：

识别div
循环播放
为他们分配ID。

通过使用此逻辑，您可以使用类似于.的类选择器$(".Hotspot")来使用jQuery来标识元素。

要循环使用它们，您可以轻松使用jQuery＆＃39; .each() function。

最后以编程方式将ID添加到div中，您可以使用jQuery的attr()函数。

将它们链接在一起可能看起来像这样：

var i = 1;
$(".Hotspot").each(function() {
    $(this).attr('id', i);
  i++;
  console.log(this);
});

可以在this fiddle.

添加不同的id到具有相同类的元素？

2 个答案: