jquery ui 可选择获取 id？

Question

如果列表是动态创建的，如何获取可选列表中项目的“id”？

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

我尝试了 var num = $('#seelecable :selected').attr( "option" , 'id' ); 但只得到 [object Object]...

什么是正确的方法？

Answer 1

更新：

为了完整起见，如果选择了某个元素，插件会向该元素添加一个 ui-selected 类。因此，您可以通过以下方式获取当前所选元素的 ID：

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

但请注意，可以选择多个元素。

---

jQuery UI 可选择插件 每当您选择一个元素时都会调用回调，您只需提供它：

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

也就是说，正如尼克已经提到的，ID 不能以数字开头。

:selected 仅适用于 option元素。

Answer 2

此版本不需要特定的类名称。使用 $(ui.selected).attr('id') 获取（最后一个）选定元素的 ID：

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

Answer 3

所选 ID 的列表将是：编辑：更好的方法

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

Answer 4

jQuery('#selectable').selectable(function(){
    selected: function(event, ui)
    {
     jQuery(".ui-selected", this).each(function() 
     {
          var objID=jQuery(this).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);
        }
    });
});