所以我想直接在点击的链接下面隔离元素
所以例如这里是我的Jquery,如果我点击带有类的链接,则删除页面上具有类drop_down滑动的所有链接。我如何使用“this”或任何东西一次只隔离一个。
$(document).ready(function(){
$('.drop').click(function(){
if($('.drop_down').is(':visible')) {
$('.drop_down').slideUp();
} else {
$('.drop_down').slideDown();
}
});
});
<li><a class="drop" href="#">Video Training</a></li>
<li class="drop_down">Click on the links below to get some more information or to buy now <div> </div> <a class="button" href="/training_dvds">More Info</a><a class="button" href="/pos_support/aldelo_training_dvd">Buy Now</a></li>
答案 0 :(得分:2)
.drop
除了文本节点外没有任何子节点。
如果您想要影响链接父级下方的li.drop_down
,请执行以下操作:
$('.drop').click(function(){
var $next = $(this).parent().next('li.drop_down');
if($next.is(':visible')) {
$next.slideUp();
} else {
$next.slideDown();
}
});