Jquery 选择父项'；s兄弟姐妹'；内容

下面是我正在编写的代码，我的目标是，每当用户单击带有类“click_me”的链接时，我都会提醒其家长的兄弟姐妹的内容，即“Hello Friends”或“你好吗？”

我尝试过执行下面的代码，但没有成功

 $('.click_me').click(function(event){
                    alert($(this).parent('div').closest('p').html());
                });



<li>
    <div>
        <a href="#" class="click_me">Click Me</a>
    </div>
    <p>Hello Friends!</p>
</li>


<li>
    <div>
        <a href="#" class="click_me">Click Me</a>
    </div>
    <p>How are you?!</p>
</li>

$（'.click_me'）。单击（函数（事件）{
警报（$（this.parent（'div'）.closest（'p'）.html（））；
});

朋友们好



你好吗

将只查找祖先元素，在您的情况下，

p

元素不是祖先元素，而是兄弟元素

你需要使用

演示：

或者在这种情况下，它是下一个元素使用

演示：

将只查找祖先元素，在您的示例中，

p

元素不是祖先元素，而是兄弟元素

你需要使用

演示：

或者在这种情况下，它是下一个元素使用

演示：

您可以使用选择其父元素的下一个元素。选择器的问题是，您正在使用

最近的
向上查看，它会测试自身和DOM树

alert($(this).closest('div').next().html());

您可以使用选择其父元素的下一个元素。选择器的问题是，您正在使用
最近的
向上查看，它会测试自身和DOM树

alert($(this).closest('div').next().html());

您将答案放在问题的标题中。您将答案放在问题的标题中。
alert($(this).closest('div').next().html());