Jquery 检索td中的元素并附加到其自身

我想复制td中的元素，并使用jquery将其附加到自身（td）。使用以下代码，每次单击按钮时，td中的所有元素都将被复制。如何确保每次单击按钮时仅复制原始元素

$('.row-add').live("click", function () {
      var price = $(this).closest('td').html()
      $(this).closest("td").append(price);
    });

这是html

<td>
                $<input class="price" value="50"/>
                /
                <select>
                  <option>Second</option>
                  <option>Minute</option>
                  <option>Hour</option>
                  <option>Day</option>
                  <option>Week</option>
                  <option>Biweek</option>
                  <option selected="selected">Month</option>
                </select>
                /
                 <select>
                  <option>Day</option>
                  <option>Week</option>
                  <option>Biweek</option>
                  <option selected="selected">Month</option>
                  <option>Quarter</option>
                  <option>Year</option>
                </select>
                <span class="delete-td"></span>
                <span class="row-add"></span>
</td>

$
/
第二
分钟
时辰
白天
周
双周
月
/
白天
周
双周
月
一刻钟
年

该功能对我来说非常有用。我使用一个简单的表格作为html：

<table>
    <tr>
        <td class="row-add">Click Me</td>
        <td>Not Me</td>
    </tr>
</table>

点击我
不是我

---

我已经逐字复制了你的函数。只要确保在加载DOM后运行代码，就可以了。

除非将初始内容与任何附加数据进行包装（假设将其附加到克隆的td中），否则没有方法将初始内容与附加数据分离。我建议在原始数据周围放置一个带有类的span，并使用多部分选择器仅复制原始数据，例如：

---

var price=$（this）.closest（'td span.original'）.html（）

请显示您的html，以及附加/操作后所需的html。另外，您要复制

td

的内容并复制这些内容，或者您要复制

td

本身（并在原始

td

中附加该内容（

td

）？您不能将元素附加到自身。这会在DOM树中引起一个循环并破坏整个宇宙。如果您试图复制一行，为什么不克隆该行？我想复制td的内容并将复制的内容附加到同一td。有可能吗？@MarcB，克隆人也会复制td标签。我不想在现有的td中添加另一个td。如果td中有多个元素，它将无法理想地工作。