Jquery 增量添加新行

如何增加新行以从现有数字继续

$（'.add按钮'）。单击（函数（）{
//var$current_num=$（“表#myTable tbody tr td”）。长度；
var$this=$（“表#myTable tbody tr”）；
var$current_num=$this.find（“td:first”）.attr（“rowspan”）.length；
var$incremented=$this.find（'td.increment'）.val（parseInt（$this.find（'td.increment'）.val（））+1）；
$（“#myTable tbody”）.append（“+$incremented+”其他数据甚至更多数据测试”）；
返回false；
});

为显示计数器编号的*TD*s指定css类名（

increment

），并使用

last（）

方法获取显示最后一个计数器编号的最后一个TD，获取该类名称和increment的内容，然后将其添加到新行中

$(function(){
   $('.add-button').click( function(e) {   
    e.preventDefault();
    var $this = $("table#myTable tbody tr");
    var $current_num = $this.find("td:first").attr("rowspan").length;
    var $incremented =parseInt($("#myTable").find('td.increment').last()
                                                                     .html())+1;

     $("#myTable tbody").append("<tr><td rowspan='2'  class='increment'>" + 
               $incremented + "</td><td>other data</td>
               <td>even more data</td></tr><tr><td colspan='8'>test</td></tr>");

   });
 });

$（函数（）{
$（'.add button'）。单击（函数（e）{
e、 预防默认值（）；
var$this=$（“表#myTable tbody tr”）；
var$current_num=$this.find（“td:first”）.attr（“rowspan”）.length；
var$incremented=parseInt（$（“#myTable”）.find（'td.incremented'）.last（）
.html（））+1；
$（“#myTable tbody”）.append（“+
$incremented+“其他数据
甚至更多的数据测试）；
});
});

---

工作样本

按如下方式检索增量值，它应该工作：

var $this = $("table#myTable tbody");
var $incremented = $this.find('td[rowspan]:last').text()*1 + 1;

更新您的小提琴：

试试这个。

对于

元素，使用

.text（）

而不是

.val（）

$(function() {
    var $tbody = $("#myTable tbody");
    $('.add-button').click( function(e) {
        e.preventDefault();
        var lastId = parseInt($tbody.find("td[rowspan]:last").text()) + 1;
        $tbody.append("<tr><td rowspan='2'>" + lastId + "</td><td>other data</td><td>even more data</td></tr><tr><td colspan='8'>test</td></tr>");
    });
});

$（函数（）{
变量$tbody=$（“#我的表格tbody”）；
$（'.add button'）。单击（函数（e）{
e、 预防默认值（）；
var lastId=parseInt（$tbody.find（“td[rowspan]：last”）.text（））+1；
$tbody.append（“+lastId+”其他数据更多数据测试”）；
});
});

---

表格单元格没有附加的

.val（）

函数，只有表单元素有。要访问/设置DOM元素的“值”，请使用

.html（）

或

.text（）

var length = $this.length;

var $incremented = (length/2)+1;

$(function() {
    var $tbody = $("#myTable tbody");
    $('.add-button').click( function(e) {
        e.preventDefault();
        var lastId = parseInt($tbody.find("td[rowspan]:last").text()) + 1;
        $tbody.append("<tr><td rowspan='2'>" + lastId + "</td><td>other data</td><td>even more data</td></tr><tr><td colspan='8'>test</td></tr>");
    });
});