Jquery 检查 ul 中是否已经存在 id=x 的 li

Question

我和李有很多UL。不同的 UL 将具有相同 id 的 li：

<ul>
 <li id='1'>this</li>
 <li id='2'>that</li>
</ul>

<ul>
 <li id='1'>this</li>
</ul>

用户可以将 li 从一个列表拖动到另一个列表，但前提是具有相同 id 的 li 不存在。到目前为止，我有这个：

$(".container").droppable({
        drop: function (event, ui) {
            var a = $(this).find("li").attr("id", $(ui.draggable).attr('id'));
            if (a.length == 0) {
                $.ajax({
                    ...
                });
            }                
        }
    });

但是，当我放下可拖动时，它会将所有 li 的 id 更改为放下的 li 的值。

任何指导都会很棒。谢谢。

Answer 1

ID 不能以数字开头，并且必须是唯一的。对于非唯一标识符，请使用类。

您可以检查元素是否存在，如下所示：

if($('#myDIV').length) {

}

Answer 2

通过使用 attr()，您实际上是在设置与 find() 调用匹配的任何元素的 id 属性。您应该对要匹配的 ID 使用 find。

$(".container").droppable({
    drop: function (event, ui) {
        var a = $(this).find("#" + $(ui.draggable).attr('id'));
        if (a.length === 0) {
            $.ajax({
                ...
            });
        }                
    }
});

另外，正如 @Diodeus 提到的，ID 不应以数字开头。它们也应该在整个文档范围内是唯一的，因此如果您需要重复/期望 ID，我建议使用不同的属性，例如 HTML5 数据属性： http://ejohn.org/blog/html-5-data-attributes/