Question

我知道在一个HTML文档中重复使用相同的ID是一种不好的做法。

如果我的元素执行相同的功能，并且我需要快速访问它，我该如何避免这种情况？

例如：

<form id='dialog_setting_dns-form'>
    <label>Address:</label>
    <input name="address" id="address"/>
</form>
<form id='dialog_static'>
    <label>Address:</label>
    <input name="address" id="address"/>
</form>

Answer 1

在那种情况下使用class而不是id

<form id='dialog_setting_dns-form'>
    <label>Address:</label>
    <input name="address" class="address" />
</form>

<form id='dialog_static'>
    <label>Address:</label>
    <input name="address" class="address" />
</form>

您可以使用$('.address')在jQuery中按类选择，而不是使用ID $('#address')。

Answer 2

这就是为什么类用于html标签的原因。

使用jquery按类选择它们并迭代它们。

Answer 3

在所有这些元素上使用类instat，然后选择它。

纯JavaScript：

var elems = document.getElementsByClassName("MyClassName");

jQuery：

var elemens = $(".MyClassName");

替代同一HTML文档中的多个相同ID

3 个答案: