Question

假设我有一些像这样的HTML：

<p class="paragraph">Some paragraph text</p>
<p class="dummy">Some dummy text</p>
<p class="paragraph">Some more paragraph text</p>

如何使用JS或jQuery将{ID}仅添加到<p>类的paragraph标签？

所以结果看起来像这样

<p class="paragraph" id="paragraph">Some paragraph text</p>
<p class="dummy">Some dummy text</p>
<p class="paragraph" id="paragraph">Some more paragraph text</p>

浏览器

？

我知道每个ID应该是唯一的，但在我的特定情况下它并不重要。

Answer 1

DIV应具有唯一ID以具有有效语法。虽然页面将正确加载重复ID，但在引用元素时，您将遇到问题。

永远不应该有你需要这样做的实例。他们的问题实际上是你正在尝试通过为他们提供唯一ID来实现，因为可能有更好的方法。例如，更改每个类的显示：

$('.paragraph').css('display', 'none');

如果你真的想给他们ID，你应该做的是用唯一生成它们，代码类似于以下代码：

$('.paragraph').each(function(i) {
    $(this).prop('id', 'paragraph' + i);
});

然后，您可以使用$('#paragraph2')调用特定段落。

希望这有帮助！

JavaScript：为具有特定类

1 个答案: