Jquery append doesn't work with <tr> tag

Question

I'm trying to append to this code:

<table class="stores" border="1" cellspacing="10"> <tr>Stores:</tr> </table>

This code, which I want to work, doesn't:

$('.stores').append('<tr>Test</tr>');

This one does work:

$('.stores').append('<p>Test</p>');

Can you say why?

P.S. Not sure it matters but I'm working under WordPress.

Andreas Eriksson · Accepted Answer · 2011-06-21 07:58:33Z

6

You can't have text between tr-tags. Try this:

$('.stores').append('<tr><td>Test</td></tr>');

answered Jun 21, 2011 at 7:58

9,0278 gold badges52 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JohnP · Accepted Answer · 2011-06-21 07:58:02Z

That's not valid HTML. You're missing the <td>

Works fine when you change the markup : http://jsfiddle.net/jomanlk/XHvVk/

$('.stores').append('<tr><td>Test</td></tr>');