Javascript 允许使用jQuery拖动具有相同id的对象

我创建了以下jQuery代码以允许对象可拖动：

JavaScript:

$function{ $drag_item.draggable； }; HTML:

一 二 三 只有id为drag项的第一个div是可拖动的，而其他div则不是。我希望它们都能拖拉。我知道这可以通过为每个对象分配一个不同的id来实现，但我更愿意声明一个id，允许所有具有该id的对象都具有draggable的功能。我怎样才能做到这一点

$(function(){
    $(".drag-item").draggable();
});

HTML:

使用类而不是id

具有重复id的html无效

HTML:

使用类而不是id

---

具有重复id的html无效。

您不能像那样复制id。。ID应该是唯一的。使用类选择器

HTML:

---

你不能像那样复制身份证。。ID应该是唯一的。使用类选择器

HTML:

---

如果您可以随意更改HTML，则可以使用类而不是id

$function{ $.drag-item.draggable； }; 一 二 三 但是，如果您不能自由更改HTML，可以使用以下方法：

$function{ $[id=拖动项]。可拖动； };

---

与拖动项不同，将返回所有匹配的元素，而不仅仅是第一个元素。但是，请记住，具有相同id的多个元素意味着您具有相同的id。

如果您可以随意更改HTML，则可以使用类而不是id

$function{ $.drag-item.draggable； }; 一 二 三 但是，如果您不能自由更改HTML，可以使用以下方法：

$function{ $[id=拖动项]。可拖动； };

---

与拖动项不同，将返回所有匹配的元素，而不仅仅是第一个元素。但是请记住，具有相同id的多个元素意味着您具有相同的id。

您不能像那样复制id。。ID应该是唯一的。使用具有相同id的类Selector对象您不能像那样复制id。。ID应该是唯一的。使用类选择器或具有相同id的对象还需要与drag_项或drag项保持一致还需要与drag_项或drag项保持一致Hehe，复制粘贴类型非常容易：-呵呵，复制粘贴排版很容易：-最初回答的每个人都忽略了这个问题：@MrOBrian我的头脑被重复的id搞糊涂了。这是我的借口。最初回答的每个人都忽略了这个问题：@MrOBrian我的头脑被重复的id搞糊涂了。那是我的借口。

<div class="drag-item">One</div>
<div class="drag-item">Two</div>
<div class="drag-item">Three</div>

<div class="drag-item">One</div>
<div class="drag-item">Two</div>
<div class="drag-item">Three</div>

$(function(){
    $(".drag-item").draggable(); //Edit: as MrOBrian pointed out
});