jquery ui sélectionnable obtenir l'id?

Comment puis-je obtenir le 'id' d'un élément dans un choix de la liste, 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 vous obtiendrez [object object]...

Quelle est la bonne façon?

  • Les id ne peuvent pas être des nombres, ou plutôt ne peut pas démarrer, avec eux, assurez-vous que votre Id d'avoir un préfixe d'une certaine sorte afin qu'ils soient valides.
  • Craver Bon point, je n'ai pas compris quand j'ai regardé ça.
  • votre "#selecable " a une faute de frappe
  • $('.ui-selected', this ).attr('id');
  • Vous pouvez utiliser cette méthode. stackoverflow.com/questions/15621111/... ------------------------------------------------------------------------
InformationsquelleAutor Grinart | 2010-05-24
  1. 6

    Mise à jour:

    Pour être complet, si un élément est sélectionné, le plugin ajoute une classe ui-selected à l'élément. De sorte que vous pouvez obtenir l'ID de l'élément de la sélection courante via:

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

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

    Le jQuery UI sélectionnable plugin les appels de rappel à chaque fois que vous sélectionnez un élément, vous avez juste à fournir:

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

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

    :sélectionné ne fonctionne que sur option éléments.

    InformationsquelleAutor Felix Kling
  2. 5

    Cette version ne nécessite pas spécifique à la classe des noms. Utilisation $(ui.selected).attr('id') pour obtenir la (dernière) de l'élément sélectionné ID:

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

    La liste des sélectionnés de l'id serait: edit: mieux methinnks

    $('#selectable').selectable(function(){
    selected:function(){ 
        var idlist = $(this).attr('id');
        //do something with the list...of id's
    }
});
    • :selected ne fonctionne pas sur li éléments.
    • oui, j'ai eu une crampe au cerveau, a édité le ridicule de la chose 🙂 pendant que vous étiez en commentant.
    InformationsquelleAutor Mark Schultheiss
  4. 0
    jQuery('#selectable').selectable(function(){
    selected: function(event, ui)
    {
     jQuery(".ui-selected", this).each(function() 
     {
          var objID=jQuery(this).attr("id");
     });
    }
});
    InformationsquelleAutor matija kancijan
  5. 0
    jQuery('#selectable').selectable( function() {
    selected: function(event, ui)
    {
        alert(ui.selected.id);
    }
});
    • Pouvez-vous veuillez donner une explication avec votre réponse?
    InformationsquelleAutor Rafael
  6. 0

    vérifier cela.. 

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

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

    • Ceci ne répond pas à la question.
    • merci Rob, j'ai modifié la réponse.
    • Vous pourriez expliquer votre réponse certaine. DONC, ce n'est pas simplement de répondre à des questions, mais d'enseigner aux gens comment les choses fonctionnent.
    InformationsquelleAutor inquisitive