sérialiser sans un formulaire?

Question

Bonjour à tous, je suis en train d'activer des objets (en ajoutant la classe .active) et en désactivant "sur une page html avec des objets html, pas des formulaires. Et à chaque clic, je veux créer un tableau des éléments avec la classe .active mais je n'arrive pas à obtenir des résultats ?!

est-ce dans le bon sens?

var data = $('li.tagToggle.active').serializeArray(); 
// li id format is 'id_0001' 
alert(data) 
$.post("/scripts/php/process.php",{ 
     'data[]': data, 
     funcName : 'tagResults', 
     tagResults : '1' 
}) 

garde alerte et fenêtre vide, mais quand je l'utiliser sur une forme, il saisit tous les objets avec la classe .active

tous les pointeurs sont les bienvenus!

Answer 1

ok - GOT cela fonctionne, mais ses nots aussi propre que serialize()

function getTags(){ 

    var data = []; 

    $('li.tagToggle.active').each(function(){ 
     var me = $(this); 
     var id = me.attr("id").split('_'); 
     data.push(id[1]) 

    }); 

    $.post("/scripts/php/process.php",{ 
     'data': data, 
     funcName : 'tagResults', 
     tagResults : '1' 
    }) 

} 

pense qu'il ya une meilleure méthode?

Answer 2

C'est ce que j'utilise

(function($){ 
$.fn.serializeAny = function() { 
    var ret = []; 
    $.each($(this).find(':input'), function() { 
     ret.push(encodeURIComponent(this.name) + "=" + encodeURIComponent($(this).val())); 
    }); 

    return ret.join("&").replace(/%20/g, "+"); 
} 
})(jQuery); 

pour l'utiliser dans votre cas $ ('li.tagToggle.active') serializeAny().

Answer 3

Avec cette fonction, vous pouvez faire un ensemble d'éléments sérialisable:

function makeSerializable(elem) { 
    return $(elem).prop('elements', $('*', elem).andSelf().get()); 
} 

Ensuite, vous pouvez l'utiliser comme ceci:

var arr = makeSerializable('li.tagToggle.active').serializeArray(); 

ou

var $elem = $('li.tagToggle.active'); 
var data = makeSerializable($elem).serialize(); 

Answer 4

Vous pouvez sérialiser toutes les entrées à l'intérieur d'un élément comme celui-ci:

var data = $('YourId :input').serialize() 

Answer 5

au cas où quelqu'un trébuche sur cette question, ce lien est même question et la solution utilise jquery serialize

$('#divId :input').serialize(); 

dans ce cas

$('li.tagToggle.active :input').serialize(); 

lien à la question jQuery to serialize only elements within a div