Remplacer les entrées en fonction des données JSON renvoyées

Question

Je soumets des données de formulaire via ajax et récupère un tableau JSON de numéros d'identification effectués. En utilisant ces numéros d'identification, je dois remplacer la case à cocher d'entrée par la valeur correspondante par un élément div contenant un message de confirmation.

Mon HTML ressemble à ceci:

<input type="checkbox" name="users[]" value="26"> 
<input type="checkbox" name="users[]" value="27"> 
<input type="checkbox" name="users[]" value="28"> 

Les données renvoyées de la ajax soumettre ressemble à ceci:

["28","26"] 

Je dois remplacer les éléments d'entrée avec des valeurs correspondant à ces ids avec un div élément qui ressemble à ceci:

<div class="invited">Invited!</div> 

Answer 1

J'aime cette façon un peu mieux:

var ids=[26,28]; 

$.each(ids,function(index, el){ 
    $("input[value='"+el+"']").replaceWith('<div class="invited">Invited!</div>') 
}); 

Answer 2

var yourArray = ['28', '26']; 

$('input[name="users[]"]').each(function(i) 
{ 
    for (var i = 0, ilen = yourArray.length; i < ilen; i++) 
    { 
     if ($(this).val() == yourArray[i]) 
     { 
      $(this).replaceWith('<div class="invited">Invited!</div>'); 
     } 
    } 
});