JS添加动态的id,表格类的

最新推荐文章于 2023-11-07 18:41:08 发布
最新推荐文章于 2023-11-07 18:41:08 发布
阅读量3k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mentalitys/article/details/79117617
版权 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS添加动态的id,</title>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div id="" style="width: 500px;margin: 0 auto;">
<table border="0" cellspacing="0" cellpadding="0">

<tr>
<td><input type="file"  value="" />1</td>
<td><input type="file"  value="" />2</td>
</tr>
<tr>
<td><input type="file"  value="" />3</td>
<td><input type="file"  value="" />4</td>
</tr>
<tr>
<td><input type="file"  value="" />3</td>
<td><input type="file"  value="" />4</td>
</tr>
<tr>
<td><input type="file"  value="" />3</td>
<td><input type="file"  value="" />4</td>

</tr>
<tr>
<td><input type="file"  value="" />3</td>
<td><input type="file"  value="" />4</td>

</tr>
<tr>
<td><input type="file"  value="" />3</td>
<td><input type="file"  value="" />4</td>

</tr>
</table>
</div>
<script type="text/javascript">

$(function(){
var trLen=$("table").find("tr");
for(var i = 0; i < trLen.length; i++){
for(var z = 0;z < 2; z++){
// if(i==1){
// 
// trLen.eq(i).find("td").find("input").eq(z).attr("id","files"+(z+2)+"");
// }else if(i>1){
// trLen.eq(i).find("td").find("input").eq(z).attr("id","files"+(i+(z)+2)+"");
// }else{
// alert(z)
// trLen.eq(i).find("td").find("input").eq(z).attr("id","files"+z+"");
// }

if(i==0){
trLen.eq(i).find("td").find("input").eq(z).attr("id","files"+z+"");
}else{
for(var k = i-1;k<i;k++){
if(k==0){
trLen.eq(i).find("td").find("input").eq(z).attr("id","files"+(z+2)+"");
}else{
trLen.eq(i).find("td").find("input").eq(z).attr("id","files"+(k+(z+k)+2)+"");
}

}

}
}

} 
})

</script>

</body>
</html>

 

blueBings
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中动态向表格添加数据
01-21
利用JavaScript ，动态向表格中添加数据，其实方法很简单的，下面给大家分享下实现方法 1. 首先先写出表格的表头和主干部分 编号 姓名 职位 操作 <tbody id=tbMain> </table> 2. 接下来就是网表格...
javascript 动态添加表格行
12-08
表格部分代码如下： <table id=”testTbl” border=1> <tr id=”tr1″> <td width=6%><input type=checkbox id=”box1″> <td id=”b”>第一行 <tr id=”tr2″> <td width=6%><input type=checkbox id=”...
JQuery遍历对象遇到找不到函数或TypeError问题
没有人是一座孤岛
04-02 935
使用JQuery遍历JQuery对象时，要区分遍历时得到的是Dom对象还是JQuery对象，如果是Dom对象则不能使用JQuery的函数，否则会出现找不到函数或者TypeError问题。 JQuery对象是一个类似数组的对象，提供了两种方法可以将JQuery对象转换成DOm对象。 var $list=$("#equiplist" ).children(); for(var i=0;i
jQuery 循环问题
weixin_30950887的博客
11-22 80
$("#add2sub").click(function(){ var $sxarr=$(".add_shuxing_ul > .sx_add_bg"); // alert($sxarr.eq(i).attr("id")); for(var i=0,len=$sxarr.length; i<len; i++){ alert($sxarr.eq(i).attr("id")); ...
jquery自动获取和填充表单元素
ao0695900062162430的博客
11-28 412
//获取表单数据，返回json格式数据 /* *因为项目涉及到大量的表单处理，字段一一对应会比较繁琐，所以写了个方法统一获取需要提交的表单元素 *公司用的easyui框架，所以对easyui表单元素有做相应处理，如不需要可以删除函数里面的if判断，只取else里面的内容即可 *思路： *表单的字段id="数据库字段名 + _auto"； *radio和checkbox则是...
动态改变div样式
hello_world_wyp的博客
03-31 459
动态改变div样式 使用jquery获取#General_reportInfo下的所有div存入arr数组中， 通过each()函数遍历arr数组，判断idValue中以有General_div0_开头的，如果有 再判断页面中是否有#createGeneralReportTitle的组件，如果有，将General_div0_的样式修改。 $(document).ready(function(){ var len = $("#General_reportInfo div").size();//获取div标签的
jQuery学习总结
weixin_49295874的博客
03-18 352
1.根据class标签获取jquery对象点击跳转跳转团队页面 <li class="team"> <img src="../img/team.png"/> <span class="name">团队成员</span> </li> $(".team").tap(function(){ window.location.href="teamMember.html" }) 2.五种添加元素方法 append() - 在被选元素的结尾插入内容
JS生成id的方法(多种解决方案)
欢迎光临~
05-17 8838
在本文中，我们介绍了JavaScript中生成唯一id的几种常见方法：使用随机数、基于时间戳和随机数、基于性能计数器和使用第三方库。根据不同的需求和场景，我们可以选择不同的方法来生成唯一的id。需要注意的是，在使用这些方法时，需要考虑到唯一性和性能两个方面的问题。希望本文对你有所帮助！
JavaScript基础
LimpidClear的博客
03-20 2001
JavaScript代码可以放在HTML文档的任何位置 但是考虑到网页加载速度和顺序等因素 非常建议大家把JavaScript代码写到文档底部 JavaScript怎么用 如何引入JavaScript？ 1.在html页面中 <h1 id="demo" style="text-align: center;">快看我</h1> <script> // 更改一级标题的字体颜色 let element = docume...
html 自动创建id,web前端9个开发常见小技巧
weixin_34665627的博客
05-31 518
原标题：web前端9个开发常见小技巧一、浏览器地址栏运行JavaScript代码这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如：javascript:alert('hello from address bar :)');将以上代码贴到浏览器地址栏回车后alert正常执行，一个弹窗神现。你去试一试，是不是没有出现...
js给元素添加id，动态方式，举个简单例子
weixin_36446688的博客
11-07 603
在JavaScript中，如果你想动态地给一个已经存在的元素添加一个id属性，你可以通过获取那个元素的引用，然后设置它的id属性来实现。这段代码假设页面上只有一个div元素。如果有多个div，querySelector将只返回第一个。如果你想给特定的div添加`id。作者：http://xkrj5.com 纯原创首发，转载保留版权！// 首先，获取那个要添加id的元素的引用。// 然后，设置id属性。
基于JavaScript实现动态添加删除表格的行
12-28
又一个动态控制表格的效果，用JavaScript动态生成表格行、表格列，以及还可动态删除这些行列，行等，运行代码后，点击对应的功能按钮，即可实现对应的表格操作功能。 1.jsp <table id=viewTabs> 产品名称 编号 ...
JS实现为表格动态添加标题的方法
12-29
本文实例讲述了JS实现为表格动态添加标题的方法。分享给大家供大家参考。具体如下： JS中的表格对象带有一个createCaption方法用于为表格创建标题caption <!DOCTYPE html> <html> <head> [removed] ...
javascript如何动态加载表格与动态添加表格行
12-10
一、动态加载表格 1.首先在html中为表格的添加位置设置id 即是在html的body标签内部写一个div标签表明表格要添加到此div的内部。如下 <div id=”tdl”><div> 2.在javascript中写添加表格的语句 若在当前html文件中，...
企业数字化转型暨数据仓库（数仓）建设方案.pptx
05-06
企业数字化转型暨数据仓库（数仓）建设方案.pptx
2024年中国LED切割灯行业研究报告.docx
05-06
2024年中国LED切割灯行业研究报告
目前世界上最好的机器学习&深度学习&神经网络&图神经网络&卷积网络&多层感知机画图工具&基于PPT
05-06
在当今快速发展的人工智能领域中，一款集成了机器学习、深度学习、神经网络、图神经网络、卷积网络及多层感知机可视化功能的画图工具脱颖而出，成为全球范围内最受欢迎和认可的工具之一。这款工具不仅仅是一个简单的绘图软件，它的设计初衷是为了让复杂的网络结构和算法直观化，从而帮助研究者、学者及开发人员更容易地理解和分享他们的工作。 最令人印象深刻的特色之一是它基于PPT的编辑能力，这允许用户在熟悉的PPT编辑环境中创建、编辑和展示复杂的网络结构。用户可以利用拖拉组件、调整尺寸、修改颜色和形状等功能，无缝地将科研成果或项目展示集成到演示文稿中，极大地提高了工作的效率和表现力。 该工具不仅支持广泛的网络结构和模型，还包含丰富的库和模块，让用户能够轻松自定义和扩展自己的模型。它的用户界面友好、直观，无论是机器学习的新手还是资深研究员，都能快速上手，将精力更多地集中在创新和研究上，而不是图形的绘制和编辑上。 此外，它强大的共享和合作功能，使得团队成员可以实时共享他们的成果，促进了知识的交流和项目的进展。这款工具不仅改善了人工智能领域内部的工作方式，也为更广泛的受众提供了学习和理解复杂算法的窗口。 总
2024年中国B型超声诊断设备行业研究报告.docx
05-06
2024年中国B型超声诊断设备行业研究报告
node-v11.0.0-linux-armv7l.tar.xz
最新发布
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
js动态添加表格
06-01
好的，我可以告诉你如何使用 JavaScript 动态地向网页中添加表格。以下是一个简单的示例代码： ```html <!-- 在页面中创建一个空的表格 --> <table id="myTable"></table> <script> // 获取表格元素 var table = document.getElementById("myTable"); // 创建表格行和单元格 for (var i = 0; i < 3; i++) { var row = table.insertRow(); // 插入新的行 var cell1 = row.insertCell(0); // 插入新的单元格 var cell2 = row.insertCell(1); // 插入新的单元格 // 设置单元格内容 cell1.innerHTML = "Row " + (i+1) + ", Cell 1"; cell2.innerHTML = "Row " + (i+1) + ", Cell 2"; } </script> ``` 在上面的代码中，我们首先在页面中创建了一个空的表格，然后使用 `document.getElementById()` 方法获取到该表格元素。接着，我们使用 `table.insertRow()` 方法创建了一个新的表格行，并使用 `row.insertCell()` 方法创建了两个新的单元格。最后，我们使用 `cell.innerHTML` 属性设置了单元格的内容。 你可以根据需要修改代码中的行数和单元格内容。希望这可以帮助你动态地向网页中添加表格。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值