HTML 标签 "FOR"只能引用 "ID"吗？

Question

好的，我有一个像这样的 Html 元素

<input type="button" id="harhar"/><label for="harhar">Im only for Id</label>

我是否可以将标签引用到不使用 id 而使用类的元素？像这样

<input type="button" class="harhar"/><label for="harhar">Refer me as a class</label>

这可能吗？

注意:这是为了在服务器端创建动态 Jquery UI 按钮，这就是为什么我希望它引用一个类

Answer 1

不，不可能同时匹配一个类和一个for。但是，您可以采取一些措施来确保您的 id 和 for 与其他 for 和 id 属性唯一不同。

当您在服务器端生成元素时，使用 for 循环或其他一些循环结构来枚举您的 id/for 属性。

<input type="button" id="harhar_1"/><label for="harhar_1">Im only for Id</label>
<input type="button" id="harhar_2"/><label for="harhar_2">Im only for Id</label>
<input type="button" id="harhar_3"/><label for="harhar_3">Im only for Id</label>

如果您可以这样生成 HTML，那么您将能够在仍然使用唯一 ID 的同时匹配您的标签和值。

此外，没有什么能阻止您仍然对所有元素应用通用类名，这样您仍然可以使用 CSS 或选择器轻松引用它们:

<input class="harhar" type="button" id="harhar_1"/><label for="harhar_1">Im only for Id</label>
<input class="harhar" type="button" id="harhar_2"/><label for="harhar_2">Im only for Id</label>
<input class="harhar" type="button" id="harhar_3"/><label for="harhar_3">Im only for Id</label>

这为您提供了编写简洁的 CSS 规则或快速轻松地操作 DOM 所需的钩子(Hook)。