根据返回的JSON数据替换输入

Question

我通过ajax提交了一些表单数据，并取回了一个ID号码受影响的JSON数组。

使用这些id号码我需要用包含确认消息的div元素替换与coresponding值的输入复选框。

我的HTML看起来像这样：

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

数据从阿贾克斯返回提交如下所示：

["28","26"] 

我需要和价值观匹配这些ID与一个div更换输入元素看起来像这样的元素：

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

Answer 1

我喜欢这种方式更好一点：

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>'); 
     } 
    } 
});