javascript - 根据 ID 组合多个 jQuery 事件

Question

我在一个页面上有 8 个表格，其中四个表格具有连接到的可排序事件，例如:

       $("#positionTable tbody").sortable({
          ...do stuff
         }).disableSelection();

视觉效果

           $("#positionTable tbody").on("mousedown", "tr", function () {
           if ($('#positionTable').text() == "Done") {
              $(this).css('backgroundColor', '#e1e1e1');
          }
        });

还有另外两个。如何将这些事件合并为一个，然后读取触发该事件的事件？我试过了

      $("#positionTable tbody, #degreeTable tbody").sortable({ 

和其他组合，但似乎不起作用。我很乐意将这 16 个函数合并为 4 个。我在这里看到了如何将按钮单击与类相结合，但在该领域没有任何内容。我可能错过了，如果错过了，我很抱歉。

提前致谢。

Answer 1

您可以通过使用 $(this).parent() 等相对调用来完成此操作。因此，无论您选择哪个主体，它都会自动找到正确的表并进行检查。

$(function () {
    $("#positionTable tbody, #degreeTable tbody").sortable().disableSelection();;

    $("#positionTable tbody, #degreeTable tbody").on("mousedown", "tr", function () {
        if ($(this).parent().text() == "Done") {
            $(this).css('backgroundColor', '#e1e1e1');
        }
    });
});