jQuery可选列表项

Question

我希望能够获得有关ID为#selectable的有序列表中所选项目的信息。下面的代码返回ID #selectable，我正在寻找我刚刚选择的项目的ID。

$('#selectable').selectable({
   selected: function (event, ui) {
       alert($(this).attr('id').toString());
   }
});

有什么想法吗？

Answer 1

试试这个：

$('#selectable').selectable({
    selected: function (event, ui) {
        alert($(this).find('.ui-selected').attr('id'));
    }
});

Answer 2

当您使用Selectable选择项目时，jQuery会将ui-selected添加到所选元素的类中。因此，要获取所选项目，只需使用.ui-selected选择器：

$('#selectable').selectable({
   selected: function (event, ui) {
       console.log($('#selectable .ui-selected'));
   }
});

Answer 3

这不是你想要的吗？ http://jqueryui.com/demos/selectable/#serialize

我认为根据您的目的修改很容易。

Answer 4

好的，首先它当然会返回'selectable'，因为那是元素的ID。其次，你不必在attr函数上使用toString，它总是返回一个字符串。第三，您正在查看的有序列表是什么，您的帖子应该更加冗长。也许你的意思是在你的.selectable项目上进行可选择的调用？

$('.selectable').selectable({
    selected: function (event, ui) {
        alert($(this).attr('id'));
    }
});