Custom Error Problem

Question

How i can do this:

I generate this error:

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

but i want this:

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

How i can add "span" or other tags for "Error" text?

Answer 1

try this

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

this will wrap text inside a span, and add the new html into the TD element.

there might be a shorter version using the .wrap() but this one will work.

Keep in mind that this works only for text. if there is more than just text in the TD you will need to move the HTML inside the span instead of the text.

Answer 2

You can use jquery wrapInner():

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

this does exactly what you mean.

Hope it helps. Sinan.

Answer 3

Thanks for quick answers. I do it with this code:

showErrors: function(errorMap, errorList) {

this.defaultShowErrors();

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

This works, but locate it in "showErrors" is best possible place for this?