Добавьте thead и вставьте первый tr из tbody только для родительской таблицы

Мне нужно создать thead, используя первую строку тела. У меня нет полного контроля над разметкой, поэтому я использую для этого jQuery.

Мне удалось использовать заимствованный скрипт, но когда я добавляю на страницу более одной таблицы, кажется, что первая строка дублируется в следующих таблицах.

Я бы предположил, что мне нужно настроить таргетинг на родительскую таблицу, обычно я даю каждой таблице идентификатор, но я не могу, поскольку они создаются для меня.

пример того, что происходит, можно увидеть на этой скрипке http://jsfiddle.net/FGH6B/

Мой текущий jquery выглядит следующим образом

jQuery("document").ready( function() {

    var mytable = $("table"); 

    mytable.prepend(document.createElement('thead'));

    $("table thead").append($("tbody tr:eq(0)"));

});

html jquery html-table semantic-markup
person UntitledGraphic    schedule 25.04.2014    source источник
comment
Но в вашей скрипке нет родительской таблицы.   -  person Anoop Joshi    schedule 25.04.2014
comment
Извините за неправильное использование терминологии. Я имел ввиду текущую таблицу.   -  person UntitledGraphic    schedule 25.04.2014
comment
так вы ожидаете того же результата, что и ответ Милинда?   -  person Anoop Joshi    schedule 25.04.2014

Ответы (1)


arrow_upward
5
arrow_downward

Попробуй это:

$("document").ready( function() {
    $('table').each(function(){
    $(this).prepend('<thead></thead>')
    $(this).find('thead').append($(this).find("tr:eq(0)"));
})});

Рабочая демонстрация

person Milind Anantwar    schedule 25.04.2014