2009-10-20 2 views
1

Я пост два решения, которые я попробовал, и то, что не удалось с каждой из них:Невозможно создать таблицу в JQuery

Первое:

var table = document.createElement("table"); 
table.addClass("nice"); 
// fails because table does not have the "addClass" method 

Второе:

var table = $(document.createElement("table")); 
table.addClass("nice"); 
var row = table.insertRow(-1); 
// fails because table does not have the "insertRow" method (it has been cleared by jQuery) 

Как могу ли я правильно создать таблицу и добавить к ней строки и ячейки с помощью jQuery?

ответ

4
var table = $('<table>') 
    .addClass('nice'); 

Чтобы добавить строки, просто создайте элементы и добавьте их в таблицу.

+0

Не должно быть '$ ('

')'? –

+0

@Alex - Это не имеет значения, оно гибкое. –

+0

Спасибо, я новичок в jQuery и не знал, что смогу это сделать. Но поддерживает ли IE6 это? Я помню, как пробовал что-то вроде этого (без jQuery, используя document.createElement ("tr")) и сбой в IE6 или что-то в этом роде. Во всяком случае, антикварный браузер, никто больше не заботится. Благодаря! – Felix

1
var table = $('<table>').addClass('foo').append($('<tr>').append($('<td>').text('lol'))).appendTo('body') 

Это помогает хранить их в нескольких переменных, очевидно.

Смежные вопросы