jQuery的clone()方法是用來復(fù)制元素的,它的作用是創(chuàng)建一個(gè)元素的副本。在復(fù)制tr元素時(shí),需要注意到tr元素必須放置在table中。clone()方法可以復(fù)制tr元素及其子元素,但是復(fù)制后的tr元素并未插入到table中。
為了插入復(fù)制的tr元素,可以使用jQuery的append()方法或insertAfter()方法。這兩種方法都可以將復(fù)制的tr元素插入到table中。
//復(fù)制tr元素并使用append()方法插入到table中 var tr_clone = $("tr").eq(0).clone(); $("table").append(tr_clone); //復(fù)制tr元素并使用insertAfter()方法插入到指定tr后面 var tr_clone = $("tr").eq(0).clone(); tr_clone.insertAfter($("table tr").eq(1));
值得注意的是,復(fù)制的tr元素中可能存在id、name等屬性,這些屬性必須保證唯一性,因此需要更改復(fù)制后的元素的id、name等屬性值,以避免產(chǎn)生重復(fù)。
//復(fù)制tr元素并更改id屬性的值 var tr_clone = $("tr").eq(0).clone(); var new_id = "tr_" + (new Date().getTime()); tr_clone.attr("id", new_id); $("table").append(tr_clone);
總之,jQuery的clone()方法可以很方便地復(fù)制tr元素及其子元素,并通過append()方法或insertAfter()方法將其插入到table中。同時(shí),需要注意屬性的唯一性,以避免產(chǎn)生重復(fù)的錯(cuò)誤。