jQuery语法 - 使用多个find方法?

时间:2016-04-22 06:58:56

标签: jquery

以下代码克隆了表格中的最后一行,并清除了SPAN中显示的数据。还有一些隐藏的INPUT(因为它的数据表)所以我的问题是,如何在这个代码块中进行另一个查找,即.find(".getdata input")

var i = 1;
$("#addRow").click(function() {
    $("table tr:last").clone().find(".getdata span").each(function() {
        $(this).text('');
    }).end().appendTo("table");
    i++;
});

2 个答案:

答案 0 :(得分:0)

您可以通过缓存克隆元素

来更好地完成此操作
$("#addRow").click(function() {
    var clone = $("table tr:last").clone();
    $(".getdata span", clone).text("");
    $("input[type=hidden]", clone).val("");
    clone.appendTo("table");
});

并且不需要遍历所有元素来设置其文本/值。 Jquery会在幕后为你做这件事。

答案 1 :(得分:0)

你可以链接他们

var i = 1;
$("#addRow").click(function() {
    $("table tr:last").clone().find(".getdata span").each(function() {
        $(this).text('');
    }).end()
    .find(".getdata input").each(function() {
       //do other stuf here
    }).end().appendTo("table");
    i++;
});