使用 JQuery clone() 时，为什么 remove() 不起作用[重复]答案

【问题标题】：when use JQuery clone() , why remove() not working [duplicate]使用 JQuery clone() 时，为什么 remove() 不起作用[重复]
【发布时间】：2021-07-24 14:00:25
【问题描述】：

我使用 jquery clone() 来复制表格元素，我想删除第一个 td 有我的代码，谁能帮忙？

javascript

$.fn.hasAttr = function(name) {  
  return this.attr(name) !== undefined;
};
var arr_tr=new Array();
$('table tr').each(function(i){
  arr_tr[i].push($(this).clone());
});
//for some reason I need use like below
for(var x in arr_tr){
  for(var y in arr_tr[x]){
    if(arr_tr[x][y].find('td:eq(0)').hasAttr('rowspan')){//if td has rowspan attribute
    arr_tr[x][y].find('td:eq(0)').remove();//<== Why [<td rowspan=3>ABC</td>] can't remove
    };
  }
}

HTML

<table border=1 width='100%'>
<tr><td rowspan=3>ABC</td><td>A2</td><td>A3</td></tr>
<tr><td>B2</td><td>B3</td></tr>
<tr><td>C2</td><td>C3</td></tr>
</table>

【问题讨论】：

看这个：stackoverflow.com/a/20635383/14945696
为什么要在数组中保存克隆？

标签： javascript html jquery clone

【解决方案1】：

您可以将其简化为仅使用属性选择器：

const $clone = $('table').clone();
$clone.find('td:first-child[rowspan]').remove();
$('#res').append($clone)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border=1 width='100%'>
  <tr>
    <td rowspan=3>ABC</td>
    <td>A2</td>
    <td>A3</td>
  </tr>
  <tr>
    <td>B2</td>
    <td>B3</td>
  </tr>
  <tr>   
    <td>C2</td>
    <td>C3</td>
  </tr>
  <tr>
    <td rowspan=2>CDE</td>
    <td>C4</td>
    <td>C5</td>
  </tr>
  <tr>   
    <td>C6</td>
    <td>C7</td>
  </tr>
  
</table>

<h3>Result</h3>
<div id="res"></div>

【讨论】：