如何使用jQuery将表格td列的文本/数字复制到另一td列的input值中

你不需要依赖动态生成的ID属性，直接通过DOM层级遍历即可实现需求，兼容数百行数据的性能要求：

function copyQty() {
    // 遍历表格所有数据行
    $("table tbody tr").each(function() {
        // 取当前行绿色列的数值
        const availableQty = $(this).find(".available-qty").text().trim();
        // 赋值给当前行对应的输入框
        $(this).find("input[type='text']").val(availableQty);
    });
}

可选优化 #

如果你的表格内还有其他无关的text类型输入框，可以给目标输入框加一个统一的类名（比如max-qty-input），修改选择器即可实现更精准的匹配，避免误赋值：

<!-- 给所有目标输入框加统一类 -->
<input type="text" class="max-qty-input" name="max_qty_dynamic_1" id="max_qty_dynamic_1" value="here must be 3 after click">

对应JS修改为：

function copyQty() {
    $("table tbody tr").each(function() {
        const availableQty = $(this).find(".available-qty").text().trim();
        $(this).find(".max-qty-input").val(availableQty);
    });
}

内容的提问来源于stack exchange，提问作者Bobo R.