jquery ui selectable get id?

Question

Comment obtenir l'identifiant d'un élément dans une liste sélectionnable, si la liste est créée dynamiquement?

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

J'ai essayé var num = $('#selecable :selected').attr("option" , 'id'); mais obtenir seulement [object Object] ...

Quelle est la bonne façon?

Answer 1

La liste des ids sélectionnés serait: modifier: mieux methinnks

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

Answer 2

Mise à jour:

Pour être complet, si un élément est sélectionné, le plug-in ajoute une classe ui-selected à l'élément. Ainsi, vous pouvez obtenir l'ID de l'élément courant sélectionné via:

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

Mais sachez que plusieurs éléments peuvent être sélectionnés.

---

Le plugin jQuery UI sélectionnable calls a callback whenever you select an element, il vous suffit de fournir:

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

Cela dit, comme Nick mentionne déjà, les ID ne peuvent pas commencer par un chiffre.

:selected ne fonctionne que sur option éléments.

Answer 3

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

Answer 4

Cette version ne nécessite pas de noms de classes spécifiques. Utilisez $(ui.selected).attr('id') pour obtenir le (dernier) sélectionné ID de l'élément:

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

vérifier ce ..

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