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

목록은 다음과 같습니다 편집 : 더 나은 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

이 버전에는 특정 클래스 이름이 필요하지 않습니다. ..

$("#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); 
     } 
    }); 
});