Проблема с пользовательской ошибкой

Question

Как я могу это сделать:

Я генерирую эту ошибку:

<td htmlfor="newPassword" generated="true" class="error">Error</td>

но я хочу это:

<td htmlfor="newPassword" generated="true" class="error"><span>Error</span></td>

Как я могу добавить "span" или другие теги для текста "Error"?

Answer 1

Вы можете использовать jquery wrapInner () :

$("td.error").wrapInner("<span></span>");

это именно то, что вы имеете в виду.

Надеюсь, это поможет. Синан.

Answer 2

попробуйте

$("td.error").each(function(){
var span = $('<span></span>').text($(this).text());
$(this).html(span);
});

это обернет текст внутри диапазона и добавит новый HTML в элемент TD.

может быть более короткая версия, использующая .wrap (), но эта будет работать.

Имейте в виду, что это работает только для текста. если в TD больше, чем просто текст, вам нужно будет переместить HTML внутри диапазона вместо текста.

Answer 3

Спасибо за быстрые ответы. Я делаю это с этим кодом:

showErrors: function(errorMap, errorList) {

this.defaultShowErrors();

$("td.error").each(function(){
    var span = $('<span></span>').text($(this).text());
    $(this).html(span);
    console.log(this);
});
}

Это работает, но найти его в "showErrors" - лучшее место для этого?