Question

以下是我正在使用的代码。在我的表格中，在悬停销售列时，我有一个菜单模板工具提示，其中包含3个列表项。单击其中一个li项时，我想知道sales列所在的表行/索引。代码如下：

<td>
    <a href='#' class = 'sales_tooltip' data-templatename='Conifer' 
        data-title='<div class = "tooltip-menu">
                    <ul><li class="sales_rep"><a href="#">Sales Rep 1</a></li>
                    <li class="sales_rep"><a href="#">Sales Rep 2</a></li>
                    <li class="last-child sales_rep"><a href="#">Sales Rep 3</a></li>

                    </ul>
                    </div>'> 
        <i class = 'fa fa-male ' aria-hidden='true'></i>    
    </a>
</td>

我想要行的tr索引，我点击了它的li项工具提示。 javascript代码

$('body').on('click', '.tooltip-menu li.sales_rep', function() {

    if(confirm("Have you chosen your sales rep?")){
        var sales_rep = $(this).find("a").html();

        //var $index = $(this).closest('a').closest('tr').index();
        var $index = $('#'+ $(this).data('for')).closest('tr').index();
    }

我尝试了这个，但这不起作用，因为它返回-1。请帮忙

Answer 1

如果你正在使用jQuery UI中的Tooltip，根据我的经验，实际的工具提示div是作为工具提示触发元素的兄弟而不是孩子生成的。这意味着您的工具提示菜单是作为锚点（a）的兄弟生成的，这样当您调用.closest('a')时，它不会返回任何内容，因为工具提示没有与该选择器匹配的父项。

尝试var index = $(this).closest('tr').index();。

当我点击工具提示菜单模板中的li项时，如何获取索引 - 表行

1 个答案: