我想要 5 个<p>单击时显示的标签<div>那是在下面。我可以在我命名每个的地方做到这一点<p>和每个<div>不同，但这会导致很多 jQuery。
所以，目前我有：
<p class="flip">Example</p>
<div class="panel">
<p>Example Panel</p>
</div><!--End panel-->
<p class="flip">Example</p>
<div class="panel">
<p>Example Panel</p>
</div><!--End panel-->
<p class="flip">Example</p>
<div class="panel">
<p>Example Panel</p>
</div><!--End panel-->
我现在拥有的 jQuery 是：
$(document).ready(function() {
$('.flip').click(function() {
$('.panel').slideToggle('slow');
});
});
这显然会切换所有.panels立刻。为了澄清，我想要第一个.flip切换第一个.panel.
只需要进行一些简单的 DOM 遍历即可选择正确的<div class="panel">元素相对于<p class="flip">被点击的：
$('.flip').click(function(e) {
$(this).next('div.panel').slideToggle('slow');
});
在 - 的里面click事件处理函数，this is the <p>被点击的元素。呼唤.next('div.panel')如果它是一个，将选择 DOM 中的下一个元素<div>它有类panel。如果需要跳过任何同级元素，可以将.next()打电话，比如.next().next().
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
