如何通过使用 Bootstrap ContextMenu 的右键单击事件获取类似“invokedOn”文本的 id？答案

【问题标题】：How to get id like "invokedOn" text by a right click event with Bootstrap ContextMenu?如何通过使用 Bootstrap ContextMenu 的右键单击事件获取类似“invokedOn”文本的 id？
【发布时间】：2014-09-29 23:01:45
【问题描述】：

我正在使用 Bootstrap 3.0 上下文菜单。这是一个链接http://jsfiddle.net/KyleMit/X9tgY/

我需要知道如何获取被点击元素的 id 或 data-Id。我尝试了很多技巧，但我无法获得点击的元素 ID？就像当我点击“Jacob”行时，点击后我得到“Jacob”。我也需要这条线
<td data-id="user-3"> <a data-id="user-3">Jacob<a/> <td/> “数据ID”？

我试过var $selectedFileId = $(this).closest('a').html(); 或alert($(this).parent('a').html());

【问题讨论】：

标签： javascript jquery twitter-bootstrap contextmenu

【解决方案1】：

使用此代码获取点击的元素 id

jQuery(document).on('click', function(e){
console.log(e.target.id);
})

【讨论】：

你是对的 harutyun 但伙计，我可以从数据中获取菜单项的 ID。我需要点击我的页面项目所在行的 ID？

【解决方案2】：

我通过 contextMenu 处理程序中的少量添加获得 id，更改

// click handler for context menu
function ContextMenuClickHandler() {
    $(settings.menuSelector)
     .off('click')
     .on('click', function (e) {
      $(this).hide();

       var $invokedOn = $(this).data("invokedOn");
       var $selectedMenu = $(e.target);
       // My Changes
       var $selectedFileId = $(this).data("invokedOn").find('.yourClass').attr('id');

       settings.menuSelected.call($(this), $invokedOn, $selectedMenu, $selectedFileId);
    });
}

【讨论】：