jQuery éléments sélectionnables -> obtenir seulement sélectionné

Question

J'essaie de capturer une liste d'éléments sélectionnés à partir de jQuery sélectionnable.

https://jsfiddle.net/cloudsea/bdgjdq7a/30/

$(".platemap").selectable(); 

    function getSelected() { 
     var selectedVals = []; 
     $('.platemap .ui-selected').each(function(k,v) { 
      selectedVals.push($(v).text()); 
     }); 
     alert(selectedVals); 
    } 

$('#getVals').click(function() { 
    getSelected(); 
}); 

Actuellement, il retourne tous les éléments, plutôt que seulement ceux sélectionnés.

Merci beaucoup d'avance.

Answer 1

Vous avez manqué item classe dans votre sélecteur jQuery:

$(".platemap").selectable(); 

function getSelected() { 
    var selectedVals = []; 
    $('.platemap .item.ui-selected').each(function(k,v) { 
     selectedVals.push($(v).text()); 
    }); 
    alert(selectedVals); 
} 

$('#getVals').click(function() { 
    getSelected(); 
});