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

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

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

Answer 3

当您选择使用可选的项目，jQuery的增加ui-selected到所选元素的类。因此，要获得所选项目只使用.ui-selected选择：

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

Answer 4

心不是这种东西你要找的人？ http://jqueryui.com/demos/selectable/#serialize

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