添加thead并仅从tbody插入父表的第一个tr

时间:2014-04-25 10:58:51

标签: jquery html html-table semantic-markup

我必须使用tbody的第一行创建一个thead。我没有对标记的完全控制,所以我使用jQuery来执行此操作。

我成功使用了一些借用的脚本但是当我向页面添加多个表时,第一行似乎在下面的表中重复了

我想我需要定位父表,通常我会给每个表一个ID,但我不能为我生成这些。

可以在这个小提琴上看到正在发生的事情的一个例子http://jsfiddle.net/FGH6B/

我目前的jquery如下

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

    var mytable = $("table"); 

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

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

});

1 个答案:

答案 0 :(得分:5)

试试这个:

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

<强> Working Demo