[英]Edit a table with Jquery find() then add cell with data from an array with before()
I am trying to insert a column of cells with data from an array.我正在尝试使用数组中的数据插入一列单元格。 I have tried using a for loop, but that just put all the data of the array in each new cell.
我曾尝试使用 for 循环,但这只是将数组的所有数据放入每个新单元格中。 My goal is to have the new cells display row_header1, row_header2, or row_header3 respectively.
我的目标是让新单元格分别显示 row_header1、row_header2 或 row_header3。
Can anyone help me with this issue?谁能帮我解决这个问题? Thank you.
谢谢你。
-for loop I'vs tried. -for 循环我试过了。
for (var i = 0, len = arr1.length; i < len; i++) {
$("tr").find("td:first").before('<td>' + arr1[i] + '</td>')
var arr1 = ["row_header1", "row_header2", "row_header3"]; $(document).ready(function() { $("#btn").click(function() { var i = 0, len = arr1.length; i < len; i++; $("tr").find("td:first").before('<td>' + arr1[i] + '</td>') }); });
td, th { padding: 4px; border: solid; width: 50px; height: 50px; } table { border-collapse: collapse; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="btn">+</button> <table id='table'> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>
I think you need to select the right tr
each time when you want to assign value我认为每次要分配值时都需要 select 正确的
tr
var arr1 = ["row_header1", "row_header2", "row_header3"]; $(document).ready(function() { $("#btn").click(function() { var i = 0, len = arr1.length; while(i< len){ $("tr:eq("+i+")").find("td:first").before('<td>' + arr1[i] + '</td>'); i++; } }); });
td, th { padding: 4px; border: solid; width: 50px; height: 50px; } table { border-collapse: collapse; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="btn">+</button> <table id='table'> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.