Question

我想复制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>

Answer 1

这个功能对我很有用。我使用一个简单的表作为html：

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

我已经逐字复制了你的功能。只需确保在加载DOM后运行代码，你应该没问题。

Answer 2

除非你将它们包装起来（假设你附加到克隆的td中），否则没有一种方法可以将初始内容与任何附加数据分开。我建议在原始数据周围添加一个类，并使用多部分选择器仅复制原始数据，例如：

var price = $(this).closest('td span .original').html()

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

2 个答案: