jquery ui selectable get id？

Question

如果列表是動態創建的，我如何獲得可選列表中項目的「id」？

<ul id="selectable"> 
    <li id='1'>..</li> 
     . 
     . 
     <li... 
    </ul> 

我試圖var num = $('#selecable :selected').attr("option" , 'id');但只得到[對象的對象] ...

什麼是正確的方法是什麼？

Answer 1

選擇的ID的名單將是：編輯：更好methinnks

$('#selectable').selectable(function(){ 
    selected:function(){ 
     var idlist = $(this).attr('id'); 
     //do something with the list...of id's 
    } 
}); 

Answer 2

更新：

爲了完整，如果選擇的元素，該插件添加一個類ui-selected的元素。所以，你就可以用當前所選元素的ID：

$('#selectable .ui-selected').attr('id'); 

但要知道，多個元素可以選擇。

---

的jQuery UI的可選插件calls a callback whenever you select an element，你只需要提供它：

$("#selectable").selectable({ 
    selected: function(event, ui) { ... } 
}); 

這就是說，尼克已經提到，ID不能以數字開頭。

:selected只適用於option元素。

Answer 3

jQuery('#selectable').selectable(function(){ 
    selected: function(event, ui) 
    { 
    jQuery(".ui-selected", this).each(function() 
    { 
      var objID=jQuery(this).attr("id"); 
    }); 
    } 
}); 

Answer 4

此版本不需要特定的類名稱。使用$(ui.selected).attr('id')獲得（最後一個）選擇元素的ID：

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

Answer 5

jQuery('#selectable').selectable(function() { 
    selected: function(event, ui) 
    { 
     alert(ui.selected.id); 
    } 
}); 

Answer 6

檢查這個..

$(".ui-selected", this).each(function() { 
    var index = $("#selectable li").attr(id); 

    }); 

Answer 7

<script> 
$(function() { 
    $("#selectable").selectable({ 
     selected: function() { 
      var id = $(".ui-selected", this).attr("id"); 
      //alert(id); 
     } 
    }); 
});