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>