Question

我通过ajax提交一些表单数据并获取一个带有id号的JSON数组。

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

我的HTML看起来像这样：

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

从ajax提交返回的数据如下所示：

["28","26"]

我需要用匹配这些id的值替换输入元素，并使用如下所示的div元素：

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

Answer 1

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

Answer 2

我喜欢这样好一点：

var ids=[26,28];

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

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

2 个答案: