Jquery 显示父元素';s项目
假设我们有这样的东西:Jquery 显示父元素';s项目,jquery,html,jquery-ui,toggle,show-hide,Jquery,Html,Jquery Ui,Toggle,Show Hide,假设我们有这样的东西: <div class="row"> <div class="box"> <a class="more" href="#more"/> </div> <div class="hidden"> stuff </div> </div> <div class="row"> <
<div class="row">
<div class="box">
<a class="more" href="#more"/>
</div>
<div class="hidden">
stuff
</div>
</div>
<div class="row">
<div class="box">
<a class="more" href="#more"/>
</div>
<div class="hidden">
stuff
</div>
</div>
它现在起作用了(
我希望您理解我的问题…谢谢!这可能不是最有效的解决方案,但请尝试以下方法:
$(".row #more").click(function() {
$(this).parents(".row").children(".hidden").slideToggle("slow");
}
);
如果我没弄错你的问题,那应该行。@tvanfosson它看起来不是这样。你使用了。more或#more,#more按名称选择。事实上,现在我想起来了,我不确定它如何处理#more,因为没有命名为#more的元素。我想他认为我的意思是id=“more”是我的意思是你需要一个id=“more”,但正如您所知,它可以是任何东西,只要确保选择器和链接id(或类)匹配即可!:)
$('a[href=#more]').click(function() {
$(this).parents('.row > div.hidden').slideToggle('slow');
});
$('a[href=#more]').click(function() {
$(this).parents('.row > div.hidden').slideToggle('slow');
});