javascript - 在其自己的工具提示上单击获取元素

Question

我对 jquery ui 工具提示有疑问，

当我点击工具提示时，我想要工具提示所属的元素，

我所做的是

    $(".sample").tooltip({
           content: function () {
                return $(this).prop('title');
            },
        show: null, 
        position: {
            my: "center bottom-20",
            at: "center top",
            using: function( position, feedback ) {
              $( this ).css( position );
              $( "<div>" )
                .addClass( "arrow" )
                .addClass( feedback.vertical )
                .addClass( feedback.horizontal )
                .appendTo( this );
            }
          },
        close: function (event, ui) {

            ui.tooltip.hover(

            function () {
                $(this).stop(true).fadeTo(400, 1);
            },

            function () {
                $(this).fadeOut("400", function () {
                    $(this).remove();
                })
            });
            ui.tooltip.click(function(e){
                $(this).parent();
            });
        }
    });

当我将父级放入 ui.tooltip.click 的 click 函数中时，它显示了正文，

元素是这样的

<span title="follow" class="sample"></span>

当我将鼠标悬停在此处时，我想要带有“sample”类的跨度作为结果

谢谢

Answer 1

您需要使用$(e.originalEvent.target):

close: function (event, ui) {
    var original = $(event.originalEvent.target);
    ui.tooltip.hover(

    function () {
        $(this).stop(true).fadeTo(400, 1);
    },

    function () {
        $(this).fadeOut("400", function () {
            $(this).remove();
        })
    });

    ui.tooltip.click(function () {
        console.log(original.text())
    });
}

Example fiddle