使用jQuery获取th的ID

Question

我有这张桌子：

  <th id="a" width="250">Backlog</th>
  <th id="b" width="250">Wip</th>
  <th id="c" width="250">Testing</th> 
  <th id="d" width="250">DOD</th>
</tr>

我的要求

我有4栏待办事项，在制品，测试和国防部。如果我从“待办事项列表”拖动到“测试”，我想获取放置列ID。就是我想将其保存到数据库。我尝试过：

jQuery(function() {
  jQuery(".draggable").draggable({
    containment: "#containment-wrapper",
    scroll: false,
    stop: function(event, ui) {
      // Show dropped position.
      var id = $(this).attr('id');
      var trid = $(this).closest('tr').attr('id');
      alert(trid);
      var Stoppos = $(this).position();
      model = {
        id: id,
        left: Stoppos.left,
        top: Stoppos.top
      };

      $.ajax({
        url: "/scrum/save",
        type: "post",
        data: model,
        success: function(data) {
          jQuery.HP({
            title: "Success!",
            message: "Saved..."
          });
        },
        error: function() {
          //  alert('error is saving');
        }
      });
    }
  });
});

我尝试过此操作以获取当前列的ID，但没有用。

var trid = $(this).closest('th').attr('id'); alert(trid); 

如何获取ID？

Answer 1

如果单击<th>，则应通过以下行获取ID：

var id=$(event.target).attr('id');

（如果您在包含该事件的元素内单击某个元素，请使用“ currentTarget”，而不是“ target”）。

如果单击其他选项，则需要通过Parent（）/ Child（）或其他方法导航到该位置。你有HTML吗？以及使用$（event.target）时返回HTML的哪个元素？