Javascript 将列表动态追加到不同的行中
我有一个类似下面这个片段的表格Javascript 将列表动态追加到不同的行中,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我有一个类似下面这个片段的表格 Tgl。特蒙集团 基特 Temuan Pemeriksaan(TP) 兰朱提(TP) TPB s/d布兰伊尼酒店 普兰拉鲁s/d酒店 布兰伊尼酒店 TP s/d布兰伊尼酒店 普兰拉鲁s/d酒店 布兰伊尼酒店 小计 科加迪亚语 反相 //这是我想使用jquery添加td的部分 全部的 科加迪亚语 0 0 0 0 0 0 0 //这部分也是 反相 0 0 0 0 0 0 0 首先修复您的表结构,然后请用作参考。您可以看到它动态地向表中添加新行 <script
Tgl。特蒙集团
基特
Temuan Pemeriksaan(TP)
兰朱提(TP)
TPB s/d布兰伊尼酒店
普兰拉鲁s/d酒店
布兰伊尼酒店
TP s/d布兰伊尼酒店
普兰拉鲁s/d酒店
布兰伊尼酒店
小计
科加迪亚语
反相
//这是我想使用jquery添加td的部分
全部的
科加迪亚语
0
0
0
0
0
0
0
//这部分也是
反相
0
0
0
0
0
0
0
首先修复您的表结构,然后请用作参考。您可以看到它动态地向表中添加新行
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="myTable">
<thead>
<tr>
<td>Heading 1</td>
<td>Heading 2</td>
<td>Heading 3</td>
</tr>
</thead>
<tbody>
<tr>
<td>Default td1</td>
<td>Default td1</td>
<td>Default td1</td>
</tr>
</tbody>
</table>
<button id="addNewRow">Add New Record</button>
<script>
$(document).ready(function (){
var newRow = "<tr><td>New Row</td><td>New Row</td><td>New Row</td></tr>"
$('#addNewRow').click(function(){
$('#myTable tbody').append(newRow);
});
});
</script>
标题1
标题2
标题3
默认td1
默认td1
默认td1
添加新记录
$(文档).ready(函数(){
var newRow=“新行新行新行”
$('#addNewRow')。单击(函数(){
$('#myTable tbody').append(newRow);
});
});
首先修复您的表结构,然后请用作参考。您可以看到它动态地向表中添加新行
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="myTable">
<thead>
<tr>
<td>Heading 1</td>
<td>Heading 2</td>
<td>Heading 3</td>
</tr>
</thead>
<tbody>
<tr>
<td>Default td1</td>
<td>Default td1</td>
<td>Default td1</td>
</tr>
</tbody>
</table>
<button id="addNewRow">Add New Record</button>
<script>
$(document).ready(function (){
var newRow = "<tr><td>New Row</td><td>New Row</td><td>New Row</td></tr>"
$('#addNewRow').click(function(){
$('#myTable tbody').append(newRow);
});
});
</script>
标题1
标题2
标题3
默认td1
默认td1
默认td1
添加新记录
$(文档).ready(函数(){
var newRow=“新行新行新行”
$('#addNewRow')。单击(函数(){
$('#myTable tbody').append(newRow);
});
});
试试这个。
$(“.kej td:last child”).each(function(){
美元(本)。在“0000”之后;
});代码>
Tgl。特蒙集团
基特
Temuan Pemeriksaan(TP)
兰朱提(TP)
TPB s/d布兰伊尼酒店
普兰拉鲁s/d酒店
布兰伊尼酒店
TP s/d布兰伊尼酒店
普兰拉鲁s/d酒店
布兰伊尼酒店
小计
科加迪亚语
反相
全部的
科加迪亚语
0
0
0
0
0
0
0
反相
0
0
0
0
0
0
0
试试这个。
$(“.kej td:last child”).each(function(){
美元(本)。在“0000”之后;
});代码>
Tgl。特蒙集团
基特
Temuan Pemeriksaan(TP)
兰朱提(TP)
TPB s/d布兰伊尼酒店
普兰拉鲁s/d酒店
布兰伊尼酒店
TP s/d布兰伊尼酒店
普兰拉鲁s/d酒店
布兰伊尼酒店
小计
科加迪亚语
反相
全部的
科加迪亚语
0
0
0
0
0
0
0
反相
0
0
0
0
0
0
0
你能解释清楚吗?@shadowfeind我已经编辑了我的问题,请检查一下。你说你得到了你想要的结果。那么这个问题是为了什么?我不知道如何在我想要的结果中使用jquey(动态)添加它,我手动添加td您没有正确使用“td”。你不能把它放在一个“div”里。TD是一个表格组件,所以它应该是TRT的直接子项。你能解释清楚吗?@shadowfeind我已经编辑了我的问题,请检查一下。你说你得到了你想要的结果。那么这个问题是为了什么?我不知道如何在我想要的结果中使用jquey(动态)添加它,我手动添加td您没有正确使用“td”。你不能把它放在一个“div”里。TD是一个表格组件,因此它应该是TRi的直接子项,修复了我的一些问题,请检查它。您没有正确使用“TD”。你不能把它放在一个“div”里。TD是一个表组件,因此它应该是TRso的直接子级。因此我应该删除div?如果删除'div',它将完全扰乱您的表结构。如何将TD附加到特定行?我用resukt i wnt修复了我的一些问题。请勾选它。您没有正确使用'TD'。你不能把它放在一个“div”里。TD是一个表组件,因此它应该是TRso的直接子级。因此,我应该删除div?如果删除“div”,它将完全扰乱您的表结构。如何将TD追加到特定行中?