jquery获取列表项点击的父ul

Question

我正在尝试编写一个简单的悬停功能(请不要建议另一个，我有特定的需求)。我进行了悬停工作，以便它将显示在悬停的列表项的右侧。页面的样式显示左侧导航，其中 ul 背景看起来像一个实心 block 。这意味着我需要将鼠标悬停在整个 ul 的右侧，而不仅仅是我所在的 li 的右侧，以防它很短。我试图获取 li 的父级，但收到错误 this.parent 不是函数。如何获取 li 的父 ul 以便获取它的位置。

我的 li 有一个 .left-nav-item 类

this.myhover = function () {
this.xOffset = -10; // x distance from mouse
this.yOffset = 10; // y distance from mouse       

$(".left-nav-item").unbind().hover(
function (e) {
this.top = (e.pageY + yOffset);
this.left = (e.pageX + xOffset);

alert(this.title);
this.parent().css('background-color', 'red');

$('body').append('<p id="new">My Hover Text</p>');
$('p#new').css("top", this.top + "px").css("left", this.left + "px").css("position", "absolute").fadeIn("slow");
},
function () {
//$("p#new").fadeOut("slow").remove();
}
).mousemove(
function (e) {
this.top = (e.pageY + yOffset);
this.left = (e.pageX + xOffset);
//$("p#new").css("top", this.top + "px").css("left", this.left + "px");
}
);

};

jQuery(document).ready(function ($) { myhover(); });

Answer 1

您的问题:

How do I get the parent ul of a li so I can get it's position.

$('your li').closest('ul');