Question

我创建了一个工具提示，我有问题，我想：

mouseenter hi value hi显示下一个div mouseenter时的值当hello上的value hello显示下一个div mouseenter

时的值

但是在下面的代码中，当hi和hello上的value hello时var tip = $('.tool_tip').closest('li').find('div').clone(); $('.tool_tip').mouseenter(function () { var $this = $(this), $div = '.'+$this.closest('li').find('div').attr('class'); $(this).attr('title', ''); $($div).hide().fadeIn('slow').children('.tipBody').html(tip); }).mousemove(function (e) { $('.tooltip').css('top', e.pageY + 10); $('.tooltip').css('left', e.pageX + 20); }).mouseleave(function () { $('.tooltip').hide(); })显示{{1}}，

如何解决？

{{1}}

示例： http://jsfiddle.net/dege4/2/

Answer 1

我在这里遇到了类似的问题：Can I add more after "this" in jQuery?。

引用工具提示的父li时，请尝试使用以下代码：$(".tooltip", $(this).closest("li"))

Answer 2

var tip = $('.tool_tip').closest('li').find('div').clone();
$('.tool_tip').mouseenter(function () {
    var $this = $(this),
    $div = $this.closest('li').find('div');
    $(this).attr('title', '');
    $div.hide().fadeIn('slow');
}).mousemove(function (e) {

    $('.tooltip').css('top', e.pageY + 10);
    $('.tooltip').css('left', e.pageX + 20);

}).mouseleave(function () {
    $('.tooltip').hide();
})

工作@ http://jsfiddle.net/dege4/5/

显示值jQuery工具提示中的问题

2 个答案: