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

标签 javascript jquery jquery-selectors css-selectors

我在我正在从事的一个项目中使用了 bx-slider,最近我发现它会创建第一个和最后一个输入元素的克隆,将它们放置在各自的位置,从而为 slider 提供“无限”效果.

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

有什么方法可以在 for 属性中使用 jQuery/CSS 选择器吗? (示例:<label for="isActive28:last">)

由于请求,这里有一个快速的jsfiddle来展示我的意思:http://jsfiddle.net/YG9u9/1/

最佳答案

您可以直接删除 for=""完全有利于将标签包裹在输入周围:

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

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

关于javascript - <label> 用于具有重复 ID 的属性选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21654562/

相关文章:

javascript - Jquery/Javascript - 单击 SVG 时在 IE 上检测到元素外的单击失败

javascript - 如何等到点击函数内部?

jquery - CSS 选择器 :contains() doesn't work with line breaks

当前元素之后的 Jquery 目标跨度

javascript - 在 Angular 中更改页面时,如何修复 yyyy 不是一个函数?

javascript - 使用 jquery 将 html 元素从 div 更改为 ul

javascript - 将变量字符串视为文件名

javascript - 什么是元素样式组件和什么是片段样式组件?

javascript - 隐藏选择选项并在单击定义的选项后显示它们

javascript - 使用 Sizzle 扩展 API 创建自定义 jQuery 选择器