jQuery – 重复ID的选择器

我有一个页面，其中包含表单元素的重复ID。 问题是我根据切换单独显示元素。 所以这两个ID都不会同时出现。

但是，当我对该元素进行表单validation时，它总是选择代码中最后显示的元素（即使它是隐藏的）。

是否有选择器来选择可见的重复ID？

我尝试了以下但无济于事：

$('#my_element:visible').val(); 

Answer 1

由于关于此前提的无数其他问题将告诉您，在这种情况下您不能使用ID选择器# ; 你必须使用像$('div[id=foo]')来找到它。

Answer 2

重复的ID是无效的HTML，几乎总是会导致脚本问题。 尽可能避免。

Answer 3

您必须以使用唯一ID的方式重新设计表单。 你会省去很多麻烦。

Answer 4

发生这种情况的原因是重复ID。 对于HTML，ID必须是唯一的才能被视为有效。 每当您不使用有效的HTML时，您的结果通常都不稳定。

在这种情况下，即使您一次只显示其中一个表单，它们仍然存在于标记中，这就是为什么代码中的最后一个始终是正在运行的表单。

由于您使用的是jQuery，我强烈建议您使用类。

Answer 5

您不应该有重复的ID，即使其中一个ID始终是隐藏的。 找一些其他方法来做你想要的（类名？）。

Answer 6

避免页面上的重复ID。 它不是有效的HTML。

Answer 7

不要为多个元素使用相同的id，类更好！

Answer 8

正如Rwwl所说，重复的ID无效。 为它们分配类而不是id。

那你可以做

 alert($('.my_element:visible').val()); 

Answer 9

尝试：隐藏

  $("#my_element").find(":hidden").val(); 

可以将元素视为隐藏，原因如下：

 They have a CSS display value of none. They are form elements with type="hidden". Their width and height are explicitly set to 0. An ancestor element is hidden, so the element is not shown on the page. 

注意：具有visibility: hidden或opacity: 0元素被视为可见，