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

我知道在一个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>

地址:
地址:

在这种情况下使用类而不是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>

地址:
地址:

---

在jQuery中，您可以使用

$（'.address'）

按类进行选择，而不是使用id

$（'#address'）

这就是类用于html标记的原因

---

使用jquery，按类选择这些元素并遍历它们。

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

纯JavaScript：

jQuery：

---

在这种情况下，用class代替id实际上并不是一个坏习惯。这是完全错误的。你可以在元素上使用同一个类。虽然这可以回答这个问题，但这不是一个好答案。发布修改后的代码是有用的，而不仅仅是用文字解释。

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

var elemens = $(".MyClassName");