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

我認爲這很容易修改爲您的目的。