<label> 用于具有重复 ID 的属性选择器

Question

我正在将 bx-slider 用于我正在处理的项目，我最近发现它会创建第一个和最后一个输入元素的克隆，将它们放置在各自的位置，以使滑块具有“无限”效果.

这很好，但是当我在最后一个标签中使用标签时，它不起作用，因为 both 标签上的 for 属性将获得第一个输入，分别是克隆。

有什么方法可以在 for 属性中使用 jQuery/CSS 选择器？ （例如：<label for="isActive28:last">）

由于请求，这里有一个快速的 jsfiddle 来说明我的意思：http://jsfiddle.net/YG9u9/1/

Answer 1

您可以完全放弃 for=""，而将标签包裹在输入周围：

<label>Level: <input type="text" name="level1" id="level1" /></label>

这将执行相同的功能，但根本不需要关心实际的 ID 名称，从而解决了问题。你可以克隆所有你想要的，并且该标签仍将引用输入或选择它包围。