如何使用jquery从克隆元素中删除元素属性?

时间:2014-10-23 22:10:34

标签: jquery

我能够使用以下成功的以下jquery代码克隆一行

$selectedRow.closest("tr").clone(true);

在此克隆tr中,我需要从此rowspan移除td属性...

<td class="column1" rowspan="1">Testing this column</td>

我尝试了以下代码

$selectedRow.closest("tr").clone(true).find(".column1").removeAttr("rowspan");

上面代码的问题在于它显示了这一点,但确实删除了rowspan属性:

<td class="column1">Testing this column</td>

我需要它来显示上面我上面编写的代码中的所有内容:

$selectedRow.closest("tr").clone(true);

2 个答案:

答案 0 :(得分:1)

您可以使用结束当前过滤操作的end方法,并返回克隆tr的上一组。

var $clonedRow = $selectedRow.closest("tr")
                             .clone(true)
                              // find the `.column1` descendant of the cloned row
                             .find(".column1") 
                             .removeAttr("rowspan")
                             // end the current filtering operation 
                             // and return the cloned `tr`
                             .end(); 

请注意,如果$selectedRow引用tr元素closest在这种情况下不执行任何操作,因为它从测试元素本身开始,然后遍历其祖先在DOM中。

答案 1 :(得分:0)

var $newClone = $selectedRow.closest("tr").clone(true);
$newClone.find(".column1").removeAttr("rowspan");