Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将列表动态追加到不同的行中_Javascript_Jquery_Html_Twitter Bootstrap - Fatal编程技术网

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追加到特定行中?