javascript - 基于html属性的动态jquery选择器

Question

我有以下代码:

<table id="Product">
       <thead>
              <tr>
                    <th>ProductId</th>
                    <th>Productname</th>
                    <th>Quantity</th>
                    <th>UnitPrice</th>
              </tr>
       </thead>
       <tbody>

       </tbody>
</table>

<button id="add" data-table="Product" data-url="Product/Add"></button>

然后在 JavaScript 文件中:

     $('#add').click(function () {
            var url = $(this).attr("data-url");
            var table = $(this).attr("data-table");
            var tableBody = ???; 
            //some logic with tablebody

    });

如何获取表格的表格主体？

Answer 1

$('#add').click(function () {
    var $this = $(this);
    var url = $this.data("url");
    var tableId = $this.data("table");
    var $tableBody = $("#" + tableId + " tbody");
});

了解有关 jQuery 选择器的更多信息，请访问 https://api.jquery.com/category/selectors/

这里我使用 ID Selector和 Descendant Selector .