Jquery 显示/隐藏文本不';在div内定位链接时无法工作

Jquery 显示/隐藏文本不';在div内定位链接时无法工作,jquery,Jquery,为什么这样做: 然而,这并不是: 我唯一要改变的是,在第二个例子中,我的目标是div中的一个链接,而在第一个例子中,我的目标是直接链接。为什么第二个不起作用 $('div.more').hide() $('a.showmemore').click(function(){ $(this).next('div').slideToggle() }) vs 你是害羞的一个.parent() 你是害羞的一个.parent() 你有这个密码吗 $('div.more').hide() $

为什么这样做:

然而,这并不是:

我唯一要改变的是,在第二个例子中,我的目标是div中的一个链接,而在第一个例子中,我的目标是直接链接。为什么第二个不起作用

$('div.more').hide()
$('a.showmemore').click(function(){
    $(this).next('div').slideToggle()
})
vs

你是害羞的一个
.parent()


你是害羞的一个
.parent()

你有这个密码吗

$('div.more').hide()
   $('div.maurice a').click(function(){
   $(this).next('div').slideToggle()
});
使用此HTML

<div class="maurice"><a href="#">Hello</a></div>
<div class="more">
    Hey Ohhhh
</div>

演示:

它不起作用的原因

你有这个密码吗

$('div.more').hide()
   $('div.maurice a').click(function(){
   $(this).next('div').slideToggle()
});
使用此HTML

<div class="maurice"><a href="#">Hello</a></div>
<div class="more">
    Hey Ohhhh
</div>
演示:

单击
$('div.maurice a')
不起作用,因为
下一步()

这里没有元素
就在这里!
不存在

你应该向上(
.parent()
最近('div')
)然后瞄准
。下一步()

点击
$('div.maurice a')
不起作用,因为
下一步()

这里没有元素
就在这里!
不存在


您应该向上(
.parent()
.resistest('div')
)一个,然后以
为目标。next()

锚点嵌套在div中,因此该上下文中没有next()元素。锚点嵌套在div中,因此没有next()元素。你实际上需要结合悖论未编辑的答案和我的。。您将需要
e.preventDefault()以避免跳转到链接。实际上,您需要将paradox未编辑的答案与我的答案结合起来。。您将需要
e.preventDefault()以避免跳转到链接。非常感谢@德夫松,我刚刚投了你的票,我不想偷你的票。对不起,非常感谢@德夫松,我刚刚投了你的票,我不想偷你的票。很抱歉
<div class="maurice"><a href="#">Hello</a></div>
<div class="more">
    Hey Ohhhh
</div>
$('div.more').hide()
$('div.maurice a').click(function(){
   $(this).parent().next('div').slideToggle()
});
$(this).next('div').slideToggle();
<div class="maurice"> <a href="#">THIS</a>  NO ELEMENT HERE </div>
<div class="more">
    IT'S HERE!
</div>