代码之家 › 专栏 › 技术社区 › m1k3y3

jquery:切换子级onclick

parent-child toggle onclick jquery javascript

m1k3y3 · 技术社区 · 14 年前

<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 回复 | 直到 14 年前

Nick Craver 14 年前

你可以用 .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();
});

John Hartsock 14 年前

像这样的东西

$("ul a:contains('+')").click(function () {
  var $this = $(this);
  $this.siblings("ul").show();
});

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

6 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

7 月前

user28928120 · 如何在jquery中选择所有类?

7 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

7 月前

Eliable · 使点击计数器和进度条协同工作

7 月前

mlri · 从不同的onclick事件执行相同的javascript函数

7 月前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

8 月前

Jack Maessen · 在处理程序上使用时如何获取输入类型

8 月前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

8 月前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

8 月前