js实现增加表格的一行，同时可以修改一行中的数据，实现模糊查询

Question

我的代码
$("#addTable").click(function(){
var tr="

"+
""+
""+
""+
" ";
　 　$("#table1").append(tr);　　
});
现想实现货代码下面对应的文本框实现，输入几个字母可以实时到数据库表中模糊搜索相似记录，并以列表形式展现，供用户选择

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

在JavaScript中，你可以使用appendChild()方法来向表格添加新的行。然而，这将覆盖所有当前的行。如果你想要保留原来的行，你可能需要先获取它们的索引然后删除它们。

另外，如果你需要对行进行修改，你需要知道具体的列名和值。如果你只知道一个整数（例如行号），你可以通过这个数字来找到相应的列并修改它。

以下是一个简单的示例：

var table = document.getElementById("myTable");
var row = table.rows[0]; // 获取第一行
row.insertCell(1).innerHTML = "New Column"; // 在第2个单元格插入新列

在这个例子中，我们首先获取了第一个行，然后在第二个单元格插入了一个新的字符串"New Column"。

如果你想根据列名和值修改行，你可以这样做：

// 假设你的表格是这样的：
// <table id="myTable">
//     <tr>
//         <th>Column 1</th>
//         <td>Data 1</td>
//     </tr>
//     <tr>
//         <th>Column 2</th>
//         <td>Data 2</td>
//     </tr>
//     ...
// </table>

var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");

for (var i = 0; i < rows.length; i++) {
    var ths = rows[i].getElementsByTagName("th");
    for (var j = 0; j < ths.length; j++) {
        var td = rows[i].getElementsByTagName("td")[j];
        if (ths[j].innerText === columnName && td.innerText === value) {
            // 如果找到了匹配的单元格，就替换内容
            td.innerHTML = newValue;
        }
    }
}

在这个例子中，我们遍历所有的单元格，并检查每个单元格的列标题是否等于columnName，以及它的文本内容是否等于value。如果两者都相等，我们就用newValue替换它。