Question

想要在双击td中增加最后tr字段，但似乎无法使其正常工作。 Td是动态添加的。

$("#addnewitem").click(function () {
$item = $("#selectitem").val();
if ($item == "No selection") {
    alert("No selection");
} else {
    $("#tabelbody").append("<tr id=" + $item + "><td></td><td>" + $item + "</td>"
    + "<td>1</td>" /*WANT TO INCREMENT THIS TD'S VALUE*/
    +"</tr>");
}
 });
 $("#tabel").on('dblclick','tr',function(){
var trid = $(this).attr('id'); // table row ID 
alert(trid);

});

Answer 1

试试这个：

$("#tabel").on('dblclick', 'tr', function(){
    var t=$(this).find("td:last");
    t.text( parseInt(t.text(), 10) + 1);
});

Answer 2

你应该这样做：

$("#tabel").on('dblclick','tr',function(){
   var $tr = $(this);    //Get tr
   var $td = $tr.find("td:last");  //Get last td
   var oldValue = parseInt($td.text(), 10);   //Get previous value
   $td.text(oldValue + 1);    //Update value
});

我分几个步骤完成，以便您更好地理解

通过id增加tr的td字段

2 个答案: