两次相同的div

Question

我在表单上有一个div，但在表单上需要两次，两者都是独立显示/隐藏的。有没有办法使用jquery插件两次使用相同的div但具有相同的类名？

Answer 1

多个<div>元素可能具有相同的类名。此外，<div>元素可以包含多个类名。例如：

<div class="class1 class2">first</div>

<div class="class1 class3">second</div>

可以使用class1名称一起控制，也可以使用class2和class3名称单独控制。

Answer 2

如果你按类选择它们，那么两个具有相同类的元素不会发生冲突：

$('.my-class').bind('click', function () {
    $(this)...//this always references the actual element on which the event fired
});

如果您需要从this未引用正确元素的函数中定位元素，您可以使用.eq()来选择正确的索引：

$('.my-class').eq(0).trigger('click');//this will only trigger a click on the first element found, you can use `.eq(1)` for the second, etc.

Answer 3

下面：

$( elem ).clone( true ).insertAfter( elem );

现场演示： http://jsfiddle.net/gFB7Y/

因此，您克隆DIV并将克隆插入原始（或您喜欢的任何地方）。

Answer 4

您可以在HTML中多次使用类。但另一方面，id在技术上只能在HTML页面中使用一次。

有许多特定类的选择器示例，例如$("div.myclass")，然后使用.each()对所有类进行迭代，例如：

$("div.myclass").attr("display", "none");