首页 > 解决方案 > 将新插入到使用 data-url 填充的表中?

问题描述

我使用引导程序生成我的表和

<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>"

        );
    }
});

标签: javascriptjqueryhtml

解决方案


下面的代码只会声明一个函数不会执行它。

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>内部主体,请使用tbodybeforetr因为thead也有tr

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

推荐阅读