I'm trying to add a table using jQuery's appendTo function whenever a certain button is clicked. Here's my code:
$("#button").click(function() {
$("#divId").dialog("open");
$('#divId').appendTo('.table_width');
});
Note that in this code, .table_width is the table class and #divId is the div identity. However, this does not seem to be working. Am I doing this the right way? Thanks in advance for any help.
Use .append instead of .appendTo. What I understand from your question is that you want to append an existing table to #divId..appendTo will append your div to the table, which is not what you want.
Are you trying to create a whole new table on every click, or just a table row?
Anyway, you need to use "add()" to create new elements. To add a new (empty) row to an existing table, use:
$("#button").click(function() {
$('#existing_table').add('tr').addClass('.table_width');
});
This will append a new row with the "table_width" class. Not sure if that's what you want though ;)
Something like this:
$("#button").click(function() {
$('#divId').append($('.table_width')).dialog("open");
});
