Заменить входные данные на основе возвращенных данных JSON

Question

Я отправляю некоторые данные формы через ajax и получаю обратно массив JSON с идентификаторами.

Используя эти идентификаторы, мне нужно заменить флажок ввода значением coresponding на элемент 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"]

Мне нужно заменить входные элементы значениями, соответствующими этим идентификаторам, на элемент 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>');
        }
    }
});