时间戳

首页 > 解决方案 > 如何在按钮单击时使用 jQuery 添加具有相同 ID 的两行或多行

javascript - 如何在按钮单击时使用 jQuery 添加具有相同 ID 的两行或多行

问题描述

我有一张表格，其中列出了从 API 获取的产品列表，下面的表格是一个按钮。我正在尝试仅使用第一个表中具有“产品行”ID 的 tr 元素来附加另一个表。我正在使用 find() 方法，它可以工作，但我不能一次全部添加，所以我必须单击每一行的按钮。但是当我在 find 方法中作为参数“tr”时它可以工作。所以我的问题是如何一次附加具有特定 ID 的所有行的另一个表。

$("#tableBody").on("click", "#addToAspect", function(){
    // #addToAspect is ID of button
    var row = $("#tableBody").find("#product-row"); // this is ID of row
   $("#aspectTable").append(row); // #aspectTable is second table

})

标签： javascriptjqueryhtml

解决方案

页面上只有一个唯一 ID - 这是强制性的。

var row = $("#tableBody").find("#product-row");- 将始终只返回 ID = product-row 的第一个找到的元素。

您可以将#product-row 替换为.product-row 类吗？如果你不能对你的代码做任何事情 - 我建议以这种方式使用它：

$("#tableBody tr").each(function(index, elem){
    if(elem.attr('ID') === 'product-row'){
        $("#aspectTable").append(elem);
    }
});

推荐阅读