jquery:在单击时切换孩子
jquery:在单击时切换孩子
提问于 2010-11-09 01:14:58
什么js/jquery代码会使下面的列表在单击"+“时切换子项？
<ul>
<li id="1" parent="0"><a href="#">1</a></li>
<li id="2" parent="0"><a href="#"> + </a><a href="#">2</a>
<ul parent="2">
<li id="23" parent="2"><a href="#">2.1</a></li>
<li id="50" parent="2"><a href="#"> + </a><a href="#">2.2</a>
<ul parent="50">
<li id="123" parent="50"><a href="#">2.50.1</a></li>
</ul>
</li>
</ul>
</li>
</ul>回答 2
Stack Overflow用户
回答已采纳
发布于 2010-11-09 01:17:57
可以将.toggle()或.slideToggle()与.siblings()一起使用，如下所示：
$("ul a:contains( + )").click(function() {
$(this).siblings("ul").toggle();
});You can test it out here。注意:尽管您的ID和属性无效，但您可能希望在此处使用data- attributes。此外，我建议给这些+链接一个类，以使选择器更有效，例如：
<a href="#" class=".toggle"> + </a>然后像这样绑定：
$("ul a.toggle").click(function() {
$(this).siblings("ul").toggle();
});Stack Overflow用户
发布于 2010-11-09 01:18:27
像这样的东西
$("ul a:contains('+')").click(function () {
var $this = $(this);
$this.siblings("ul").show();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4126209
复制相关文章
相似问题
腾讯云开发者
