添加新行时更新td ID
是指在前端开发中，当向一个表格或列表中添加新行时，需要更新每个单元格（td）的ID属性。
在前端开发中，表格或列表是常见的数据展示方式，经常需要动态地向表格或列表中添加新行。而每个单元格通常都有一个唯一的ID属性，方便后续对数据进行操作或者获取。
当添加新行时，需要确保每个单元格的ID属性是唯一的，避免产生冲突或错误。因此，需要更新每个单元格的ID属性。
更新td ID的一种常见做法是在添加新行时，通过遍历每个单元格，将其原有的ID属性值加上一个固定的前缀或后缀，以保证唯一性。例如，可以在原有的ID属性值后面加上一个数字或者随机字符串。
这样做的优势是可以确保每个单元格的ID属性是唯一的，方便后续的操作和处理。同时，通过ID属性可以方便地定位和操作对应的单元格，便于前端开发和数据处理。
在实际应用中，添加新行时更新td ID的方法可以根据具体的需求和技术栈来选择。以下是一些腾讯云相关产品和产品介绍链接，可以根据需要进行参考：
- 云开发（Tencent Cloud Base）：云开发是一款后端云服务，可用于构建全栈应用，提供了前后端一体化的开发框架和工具。了解更多：https://cloud.tencent.com/product/tcb
- 云数据库 TencentDB：TencentDB是一种高性能、可扩展的云数据库服务，提供多种数据库引擎和存储类型，满足不同应用场景的需求。了解更多：https://cloud.tencent.com/product/cdb
- 云服务器 CVM：云服务器是腾讯云提供的弹性计算服务，可快速创建和管理虚拟服务器，满足各种计算需求。了解更多：https://cloud.tencent.com/product/cvm
- 人工智能（AI）平台：腾讯云提供了多种人工智能服务和工具，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化的应用。了解更多：https://cloud.tencent.com/product/ai
- 云存储 COS：腾讯云对象存储（COS）是一种海量、安全、低成本的云存储服务，可存储和处理各种类型的数据。了解更多：https://cloud.tencent.com/product/cos
请注意，以上仅为腾讯云的一些相关产品和介绍链接，供参考使用。实际选择和使用产品时，请根据具体需求和实际情况进行决策。
相关·内容
2回答
向数组中插入新值是可行的，但我希望在render中更新表 this.state = {
materials: [
{
material: {id: 1, label: 'm1'},
quantity: 2,
unitPrice: 12,
total: 0
},
{
material:
浏览 9提问于2019-05-02得票数 0
回答已采纳
1回答
我有一个kendo用户界面网格，我添加了一个新行，然后更新新的行值，如下所示.
function RespondToRequest(id, sequence) {
x = parseInt(sequence) + 1
var grid = $('#ParameterGrid_' + id + '').data("kendoGrid");
grid.addRow();
var tr = $('#ParameterGrid_' + id + ' tr:last');
$('#ParameterGrid_
浏览 0提问于2015-02-06得票数 0
回答已采纳
2回答
基本上，我有一个带有v-for的html表，它循环在一个对象数组上，这里没有什么复杂的东西。当用户单击一行时，它会切换“链接”到给定行的对象的selected属性。
现在，我还使用v-bind:class="{'active': n.selected}"设置了一个简单的类绑定，其中n是我的对象，但它不更新。现在更奇怪的是，我使用了vue-cli中的webpack模板，当我：
选择一组行(没有绑定活动类)
更新代码
点击F5触发webpack热重装
选定的行突然得到active类，就像CSS所说的那样，直到webpack热重加载重新生成页面。
浏览 13提问于2016-05-24得票数 1
回答已采纳
我有一个html表，用于显示用户列表。当我单击一个tr行时，它将在另一个html表中的文本框中找到td值。
假设下面的html表是用户列表表，
<table id="tbl1" border="1">
<tr>
<td>name</td>
</tr>
<tr id="tr1" style='cursor:pointer;'>
<td>Mani</td>
</tr>
<
浏览 1提问于2012-11-16得票数 1
回答已采纳
1回答
我正在尝试设置Jquery自动完成字段，以获得来自ajax连接的数据。到目前为止，我的代码如下：
$("#mainIngredientAutoComplete").autocomplete({
source: function (request, response) {
$.ajax({
url: "../api/IngredientChoices",
dataType:
浏览 0提问于2013-01-24得票数 12
回答已采纳
我对kendouis的listview有一个问题，如果我编辑一行，另一行将从附加的数据源中删除。这在我编辑第一行时工作得很好，但是当我编辑另一行时，第一行就会被删除。
我注意到，在编辑第一行时，listview的edit函数首先被调用，但当我编辑第二行数据绑定时，数据绑定，然后调用edit。
下面是代码：
var dataSource = new kendo.data.DataSource({
transport: {
read: function (options) {
options.success(lst);
},
update: functio
浏览 0提问于2014-11-05得票数 0
我使用jquery数据表进行排序。它在正常情况下工作正常。如果我在运行时更改了该值，排序将不起作用。
这是我的表数据
<table width="94%" cellpadding="2" cellspacing="1" class="tablehead" id="pls-batting">
<thead>
<tr class="tab_head" align="right" id="pls-play
浏览 3提问于2012-02-08得票数 0
回答已采纳
3回答
我有这样的桌子结构。相当简单的一个。
<table id="myTable" class="table">
<thead>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
浏览 4提问于2015-05-18得票数 7
回答已采纳
1回答
我很难弄清楚这一点，我需要拖动表中的行。我正在使用tablednd插件。这是我的代码。
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" id="id1" href="#tab1">Page 1<span class="closeIcon"></span></a></li>
</ul>
<div class=&
浏览 0提问于2016-10-08得票数 0
我正在尝试编写一个wicket客户端，这是一个有状态的客户端。这让我有些头疼，因为我有一个呈现一些表格数据的表单。用户必须能够向数据中添加/删除行，而不会在每次添加/删除行时向服务器发出Ajax请求。我已经使用jQuery在浏览器中实现了添加行功能，它工作得很好。问题是我如何让它与Wicket一起工作？
我的html代码片段：
<table class="table">
<thead>
...
</thead>
<tbody>
<tr wicket:id="voyagePlan"&
浏览 3提问于2013-06-21得票数 0
3回答
我按照下面的说明添加新表的行：
成功添加了一个新行，但它没有获得其他行的功能(突出显示、可拖动、…)。
下表：
<table id="pubTab">
<thead>
<tr>
<td align="center">col1</td>
<td align="center">col2</td>
<td align=&#
浏览 0提问于2011-02-24得票数 0
我正在向表中添加一行。这很好用，但是该行包含一个附加了click()的按钮。每当我添加一行时，按钮都会触发。查看此处
<script>
//adds row to table
$('#btnSAS').click(function (e) {
$('table tr:last').after('<tr><td>x</td><td><button class="btn btn-default btn-sm" type="button">blah
浏览 0提问于2015-01-13得票数 0
1回答
表排序和动态添加的行
、、、、
我在使用表排序和动态添加行时遇到了问题。当我尝试添加我的行时，我得到这个错误：config.parsers[j] is undefined.
我添加行的方式与这里的示例相同，即。
delete_rows();
var html_data = '';
for ( i in wos ) {
html_data += '<tr>';
html_data += '<td><a href="#" class="get_wo" title="' + wos[i].val1
浏览 0提问于2012-01-17得票数 0
回答已采纳
当我提交时，我想提交所有行。目前只有一行正在提交。这是我发布到数据库的方式：
<?php
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_inse
浏览 2提问于2013-04-01得票数 0
我正在尝试创建一个表，以显示和隐藏更多的信息行，手风琴风格。它大部分都在工作，但不幸的是，每当您显示一行时，单元格布局就会变得一团糟。
正如您所看到的，当您单击一行时，所有新的单元格都会被压缩到左边，而不是像往常一样延伸到行的另一端。我一直试图在Chrome中进行调试，但我不知道它为什么要这样做。
<fieldset>
<div class="table-scrollable">
<table id="tbl-sample-values" class="table table-condensed t
浏览 1提问于2016-10-25得票数 0
回答已采纳
3回答
我正在创建一个简单的PHP和SQL来做列表应用程序。我的问题是，每次我编辑一行时，它都会创建另一行，而不仅仅是编辑现有行。以下是index.php中的一些代码：
<?php
$current_date = date("Y-m-d");
if ($_SERVER['REQUEST_METHOD'] == 'POST'){
$task = isset($_POST['task']) ? $_POST['task'] : null;
$importance = isset($_POST['import
浏览 0提问于2017-10-09得票数 0
我一直不明白为什么我的代码会是这样的。
我的问题是，为什么当我使用函数addRow添加一个表行时，它会重置前一行的所有输入值？
下面是显示我的问题的代码片段。
function addRow() {
//the html for adding a row (contains the row tag and inputs)
htmlString = '<tr><td><input type="text"></input></td></tr>';
//add the htm
浏览 2提问于2018-02-15得票数 0
回答已采纳
下面是动态创建字段的代码。它使用j query动态创建字段...
更多描述图片:-
我想在以前输入的基础上计算总计的分录...我不想在onclick()事件的基础上显示结果...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang=&#
浏览 1提问于2012-04-03得票数 1
我正在使用jQuery向表中添加新行。在行中有一个下拉列表，它是使用json动态绑定的。现在，当我添加行前一行的选择去，即重置。我正在使用单击按钮添加新行。
<a href="#" style="margin-top:20px;" id="insert-more" class="btn btn-primary" onclick="AddNewRow();"><i class="fa fa-plus"></i> Add Row </a>
$(docum
浏览 2提问于2018-03-01得票数 0
回答已采纳
我尝试使用add按钮在运行/运行时添加一个重复的元素。当我点击add按钮时，我得到一个错误："Function index use repeat id 'employee-repeat‘is not in scope“。我不确定我是否在表单中正确地引用了重复元素。这里是完整的x from。
`<xhtml:html xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"
xmlns:xxforms="http://orbeon.org/oxf/xml/xforms&#
浏览 3提问于2012-09-18得票数 0
我正处于学习js和jquery的早期阶段。我陷入了一个我不理解的问题中。我有一个收集用户输入的HTML表单。当单击submit按钮时，用户输入将作为新行保存到表中(让我们称其为"myTable")。我把那部分做完了。但是现在我想要在myTable中单击一行时获得行数据。我也有这种感觉。我确实会在单击行时获得数据，但当我多次单击该行时，我会在警报中获得相同的数据。第一次单击该行时，我会收到一个警报，第二次单击两次...诸若此类。请注意，我的error.Here就是我的html：
<div>label>First Name: </label>
<
浏览 0提问于2012-09-09得票数 0
回答已采纳
2回答
我试图阻止玩家再次获得新的价值，而我只想更新数量。
<div class="playerTypeBlock" data-player-type-id="1" data-player-value="10.00">
<div class="heading">Ninja</div>
<div class="price">$10</div> <a class="addToTeam" href="#">A
浏览 2提问于2015-01-12得票数 2
回答已采纳
1回答
从新行中的现有项显示表行中的值
、、、、
我有一张桌子：
<% using(Html.BeginForm("View2","Order"))
{ %>
<table id="Products" class="Products">
<tr>
<th>ProductId</th>
<th>Productname</th>
<th>Quantity</th>
<th>UnitPrice</
浏览 3提问于2015-03-09得票数 0
回答已采纳
我使用jQuery mobile动态创建了一个列表视图，但在iPad上我面临两个问题：
当滚动列表行时，单击事件正在触发。
单击一行时，我的标题被隐藏。这个问题是在滚动时发现的。
这是我的密码。
var content = "<table>";
for (i = 0; i < 30; i++) {
content += '<tr class="row" id="' + i + '"><td>' + 'result ' + i + &#
浏览 1提问于2013-06-16得票数 2
回答已采纳
4回答
我有一个html表，它用jQuery动态地添加和删除行。行数受到jQuery计数器的限制，它允许用户加起来最多4行。我的问题是，当用户创建第四行时，他们已经达到了限制，但是当他们删除一行时，限制仍然存在，并且不能再添加任何行。
<table id="myTable" class="order-list">
<thead>
<tr>
<td>Name</td>
<td>Price</td>
</tr>
</the
浏览 3提问于2013-04-24得票数 5
回答已采纳
我对JQuery是个新手，还在努力弄清楚如何在表格的末尾添加(克隆)一个表格行，并在表格单元格中增加input name="code10"、onkeyup="recordTrans1(this.value)“和这个<div class="txtHint3"></div>。
从本质上讲，我只想让这3个元素加1(例如：name="code11"、onkeyup="recordTrans2(this.value)“、<div class="txtHint4"></div>等
浏览 2提问于2015-07-08得票数 1
2回答
我有一个html代码：
<html>
<head>
<link rel="stylesheet" type="text/css" href="SearchCustomerStyle.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href
浏览 0提问于2015-05-25得票数 1
回答已采纳
2回答
<tbody id="dailysale_tbody">
<tr class="items">
<td><select id="items_select" name="dailysale[luitem_id]"><option value=""></option></select></td>
<td><select id="brands_select" name="
浏览 3提问于2017-05-12得票数 0
回答已采纳
3回答
我有表，我需要点击行。当我单击行时，div应该向下滑动。这应该发生在每一行。
<table class="table table-hover" id="table_content">
<tr id='a'>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr id='b'>
<td>
浏览 4提问于2013-12-18得票数 0
回答已采纳
3回答
在这里，在动态添加表并动态添加行时，我面临着这个问题。以下是我尝试过的：‘
$(document).on('click', "#add_row" + j, function() {
$(this).siblings('.appendHere').children('table').children('tbody').children('#addr' + j).html("<td>" + (j + 1) + "</td><td>&l
浏览 0提问于2016-05-19得票数 2
回答已采纳
1回答
我正在使用创建web应用程序。树是基于Golang后端的数据构建的。树形树叶在应用程序运行时更改自定义图标。如何在不刷新页面的情况下根据后端数据更改图标？
随着http-equiv=“刷新”页面的闪烁和失去焦点。下面是使用zTree和refresh的示例(为了简单起见，我切割后端部分)：
<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="refres
浏览 4提问于2020-12-25得票数 0
回答已采纳
我有一个表，我希望在选中复选框时用新产品数据刷新该表。我试图通过创建一个模板并将其应用于表中的每一行来实现这一点。我遇到的问题是，在用新数据刷新表之后，该表的分页不会更新。我的意思是，它仍然显示它具有与更新表之前相同的行数。为了简单起见，我压缩了products对象。我的代码如下： var template = kendo.template
(
"<td>#: id #</td>" +
"<td>#: name #</td>" +
"<td>#: dateCreated
浏览 18提问于2019-06-28得票数 0
我有一个简单的形式，显示一个图片库连同标题，图像和日期。我的问题是图像输入。
选择一个新的，并提交一切工作良好，但当我不选择任何图像，它保存空白数据在图像字段。
是否有一种保存表单的方法，图像更改是可选的？
控制器代码
public function submitwedding()
{
if(isset($_POST['edit']) && $_POST['edit']=='EDIT')
{
move_uploaded_file($_FILES['avatar']['tmp
浏览 3提问于2016-11-29得票数 0
这是我的小提琴
这是密码。
<table id="table"></table>
<input type="button" id="addRowBtn" style="border-style: none; cursor: pointer;
background: #FFFFFF; color: #023a6d;" value="Add Search Field"
浏览 0提问于2013-08-30得票数 0
回答已采纳
我正在使用弹出菜单中的更新面板，以避免全回发。我有两个按钮，一个是添加按钮，另一个是更新按钮。添加按钮是正确的，当select2列表框jquery中的选择索引更改时，firing.update按钮不会触发。下面是我的代码。
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true" >
<ContentTemplate>
<table>
<tr>
<td>Customer Name:<
浏览 3提问于2015-01-16得票数 0
使用php mysqli更新/编辑用户时出现的问题
我已经成功地创建了一个管理仪表板，但我的更新/编辑功能不起作用。
请检查我的以下代码，让我知道我哪里错了。
请找到我的代码如下：
//此处提供Php代码
<?php
require_once('includes\database.php');
?>
<?php
$id= $_GET['id'];
$query= "SELECT * FROM customer
INNER JOIN customer_address
ON customer.id=cu
浏览 2提问于2017-09-13得票数 0
我的程序允许用户单击一个按钮，然后一个表行通过ajax进入表。我需要的是将焦点放在该行的文本字段上，为用户添加数据做好准备。
我的ajax红宝石代码：
if( $('#effort_<%= @project_task.id %>').length == 0 )
$('#task_list').prepend('<tr><td><%= @project_task.project.project_number %> <%= @project_task.project.project_name %>
浏览 1提问于2011-09-01得票数 1
回答已采纳
我有一个HTML表，用作图表的数据提供程序。可以通过单击按钮来动态编辑该表(我可以向它添加一个新行)。
每次添加新行时，我都可以更新图表。然而，传说仍然是一样的，它只有三个初始图。我如何在图表的旁边更新图例？
这是我的小提琴：
下面是JS，我在表中添加了新行：
//////////////////////////////////
// This is where I update the chart
//////////////////////////////////
$(document).ready(func
浏览 0提问于2017-10-17得票数 0
回答已采纳
2回答
当我将两项相乘时，结果是在第三个输入框中生成，但问题是，当我在单击“添加”按钮上再添加一行时，这个乘法不工作。我希望在添加下一行时，它也能工作，还希望在next.........please中贴现代码，帮助我解决这个问题，因为这是在我的项目中创建的问题，我的工作是停止HTML。
var maxID = 0;
function getTemplateRow() {
var x = document.getElementById("templateRow").cloneNode(true);
x.id = "";
x.style.
浏览 1提问于2018-04-23得票数 0
4回答
<table style="width: 50%" id="myTable">
<tbody>
<tr><td>Row 1</td><td>dd</td><td>red</td><td>dd</td></tr>
<tr><td>Row 2</td><td>dd</td><td>green</td><td>dd</t
浏览 3提问于2011-09-14得票数 0
回答已采纳
我目前有一个表，用来列出RoR应用程序中的一系列作业，如下所示：
<section id="table-wrapper">
<table id="jobs">
<thead>
<tr>
<td>position</td>
<td>company</td>
<td>location</td>
</tr>
</thead>
&
浏览 0提问于2013-02-05得票数 0
回答已采纳
3回答
目的是使用单击事件清除字段，该事件调用java脚本函数清除字段(this.id)，然后清除字段可以接收新值。当按下UPDATE按钮时，将使用新值更新数据库。清空字段功能清空字段成功，如何录入新值？
<html>
<head>
<script src="JavaScript/getVal.js" type="text/javascript"></script>
</head>
<body>
<
浏览 1提问于2016-10-03得票数 0
2回答
我的代码可以很好地处理静态部分，但是当我添加一个新行时，它将不会计算字段。我做错什么了？
它还应该计算通过Add Row按钮添加的动态字段
<div class="container">
<table id="t1" class="table table-hover">
<tr>
<th class="text-center">Start Time</th>
<th class="text-c
浏览 3提问于2016-05-30得票数 0
回答已采纳
1回答
这是我的html代码
<tbody data-bind="foreach: awards">
<tr>
<td data-bind="text: name"></td>
<td data-bind="text: email"></td>
<td data-bind="text: phone"></td>
<td data-bind="text: add
浏览 2提问于2013-11-24得票数 0
回答已采纳
1回答
我有一个页面，当页面第一次加载时，我从服务器绑定grdiview，但随后我要做客户端工作，通过从客户端添加/删除行来过滤网格数据。下面是实现该功能的代码
function onSuccess(response) {
// debugger;
var xmlDoc = $.parseXML(response.d);
var xml = $(xmlDoc);
var customers = xml.find("ListOfComplaints");
浏览 4提问于2016-04-25得票数 0
2回答
希望这是有意义的，并提前感谢任何人可以帮助！
我有一个显示在表中的数据数组，我可以编辑数据，然后用编辑后的数据更新我的数据库。
<input type='button' value='new row' id='save' onClick="addRow()"/>
<table id='mech_table'>
<tr>
<td></td>
<td></td>
<td><input type='text
浏览 1提问于2012-02-17得票数 0
2回答
我通过javascript动态地添加新行，选择了jQuery下拉列表和文本框。但是，文本框很好，但是新添加的一行下拉列表不起作用(甚至不可点击)。如果我使用简单的html下拉列表，那么它会工作得很好。请帮帮我..。
<table id="POITable" border="1" width="100%">
<select data-placeholder="Select Product" id="productsList" class="chosen-select" style=
浏览 6提问于2014-05-25得票数 0
2回答
我已经启动并运行了laravel 'make:auth()‘，我在迁移中做了一些修改，即添加了一个名为'admin’的布尔值字段，默认情况下，我将该字段设为0。现在我已经在视图中创建了一个按钮'Make Admin‘，我希望这个按钮将管理字段从0更新为1。
我尝试了下面的代码，但它没有更新DB列值。
控制器：
public function makeAdmin($id)
{
$user = User::find($id);
if($user){
$user->admin = '
浏览 0提问于2016-06-19得票数 0
我在输入框中使用select2插件，根据用户在输入框上键入的内容，使用AJAX从数据库中搜索项目。它正常工作，我可以在上面搜索项目，并在可用时选择它，但我的问题是，每当我在表中添加新行时，前面的项目字段"text“就会消失，我正在创建一个表，您可以动态地添加/删除行，下面是我的HTML：
<td><input name='product[0][name]' class='form-control col-lg-5 itemSearch' type='text' placeholder='select item&#
浏览 1提问于2014-01-05得票数 0
回答已采纳
2回答
我制作了一个页面，其中可以编辑每一篇文章的价格，每个网站都有。它已经拥有的价格在textfield中，它可以更改为用户可能想要的任何东西。然后，用户点击Edit (Wijzigen是荷兰编辑)按钮，在按下它之前，它应该更改为文本字段中的任何内容。但是我在更新查询上遇到了一些麻烦，因为我需要给它一些ID来选择正确的查询。而且，正如您可以在源代码中看到的那样，在启动while()循环之后，我无法从正确的表中指定正确的ID。如果你能帮我完成我需要修改、添加或删除的内容，我将不胜感激。
<?php
include 'inc/inc.php';
$artikel = mysql
浏览 3提问于2015-09-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
