javascript - 如何使用 jQuery 获取表中所有行中元素的 id

Question

我的表 ID 是“termTable”。我正在迭代表的每一行。文本框的 id 是“label'+ i +'”，因为我使用 for 循环随机生成 id。添加行或删除行后，i 的值可能会变得无序。示例:ID 为 label1、label2、label3。删除第二行后，我添加另一行。所以现在的 ID 是 label1、label3、label4。我想检索所有文本框元素的所有 id。我怎样才能实现它？请帮忙。

for (var i = 0; i < firstTabLength; i++) {
    var row = $("#termTable tr").eq(i);
    var id = row.find('input[type="text"]').attr('id');   // I could see id = undefined             
}

这是 HTML。这是为了将新行添加到表中。我想您可以借助下面的代码来可视化表结构。

function AddCustomTerm1() {
    len = len + 1;
    var table = document.getElementById("termTable");
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    row.insertCell(0).innerHTML = '<input type="text" class="form-control" id="label' + (len - 1) + '" name="label' + (len - 1) + '" value=""><input type="hidden" id="step' + (len - 1) + '" value="1"/>';
    row.insertCell(1).innerHTML = '<select class="form-control" id="dataTypes' + (len - 1) + '" name="dataTypes' + (len - 1) + '"  onchange="changeDataType(this)"></select>'
    row.insertCell(2).innerHTML = '<input type="text" class="form-control" id="ContractTerm' + (len - 1) + '" name="ContractTerm' + (len - 1) + '" value="">';

    var DD = document.getElementById("dataTypes" + (len - 1));

    for (var i = 0; i < datatypesarray.length; i++) {
        var opt = document.createElement("option");
        opt.text = datatypesarray[i];
        opt.value = datatypesarray[i];
        DD.appendChild(opt);
    }

Answer 1

没有你，html 格式就没有多大帮助。

但试试这个。你甚至不需要 for 循环来从表中获取所有文本框及其 ID。

   var ids=[];
    $('#termTable input[type="text"]').each(function(){
      ids.push($(this).attr('id'))
    })

如果您想要表格第一列中文本框的 ID。请尝试此操作

var ids=[];
        $('#termTable tr').each(function(){
          ids.push($(this).find('td:first-child input[type="text"]').attr('id'))
        })