Добавление html с каждой функцией

Question

Это мой первый вопрос ... будь нежным. ;-)

Я сталкиваюсь с загадкой с простым отображением ошибок на моей форме. Надеюсь, кто-нибудь сможет пролить свет на это.

Код:

$(json.error).each(function(i, item){
    $('#returned').append('<span class=error>&nbsp;'+item+'&nbsp;<span><br />');
});

Итак, я пытаюсь заполнить div ошибками, возвращенными из моего сценария обработки.

Проблема с добавлением этого способа заключается в том, что IE не распознает класс и не применяет мой стиль. Я тоже попробовал

$(json.error).each(function(i, item){
    $('#returned').html('<span class=error>&nbsp;'+item+'&nbsp;<span><br />');
});

IE понравилось это ... однако, он показывает только последнюю ошибку в возвращенном массиве json.

Я все еще очень новичок в кодировании и не уверен в правильном методе выполнения того, что я пытаюсь сделать.

Answer 1

Я могу ошибаться, но я думаю, что все, что вам нужно, это двойные кавычки вокруг класса ошибки.

$(json.error).each(function(i, item){
    $('#returned').append('<span class="error">&nbsp;'+item+'&nbsp;<span><br />');
});

Answer 2

Попробуйте свой первый подход с помощью отдельного вызова метода addClass, например:

$(json.error).each(function(i, item){
    $('#returned').append('<span>&nbsp;'+item+'&nbsp;<span><br />').addClass('error');
});