插入新的 into a table that fills using data-url?

Question

我使用bootstrap生成我的表

<table id="table" data-toggle="table" data-url="url.php?...">

在每一行的末尾，我想要一个按钮。

我在我的js文件中尝试了这个，但不知道我是否接近

$(document).ready(function () {
    function buttons() {
        $("#table tr").append(

            "<td>Button1</td>" +
            "<td>Button2</td>"

        );
    }
});

Answer 1

以下代码仅声明函数不执行它。

function buttons() {
        ...
 }

你需要使用buttons()来调用它

$(document).ready(function () {
    function buttons() {
        $("#table tr").append("<td>Button1</td>" +"<td>Button2</td>");
    }
    buttons();
});

或者您可以删除包装器buttons()函数，只需在document.ready()中直接使用它

$(document).ready(function () {
      $("#table tr").append("<td>Button1</td>" +"<td>Button2</td>");
});

如果你只想在体内选择<tr>然后在tbody之前使用tr，因为thead也有tr

$(document).ready(function () {
          $("#table tbody tr").append("<td>Button1</td>" +"<td>Button2</td>");
    });

Answer 2

你根本不需要一个功能：

$(document).ready(function() {
    $("#table tr").append("<td>Button1</td><td>Button2</td>");
});