Question

我有以下html

<div class="foo">
    <a href="" class="bar1">Bar1</a>
    <a href="" class="bar2">Bar2</a>
</div>

让我们说.foo默认隐藏，然后我只想显示.foo和他的孩子.bar1。如何在jquery中执行此操作？

我在jquery中有这个

$('#' + id).children(".foo //anything I can do here to select ONLY bar1 to show? ").show();

Answer 1

我会隐藏所有孩子，只显示bar1。见下文，

var $foo = $('.foo');    //cache foo
$foo.children().hide();  //hide all foo's children
$foo.show();             //show foo
$foo.find('.bar1').show();  //show bar1

Answer 2

这样可行。

$('#' + id).find(".foo .bar1").show();

Answer 3

$(".foo").show();
$(".foo").children(".bar1").show();

$(".foo").children("not:(.bar1)").hide();//if not hidden

Answer 4

你可以输入

$('.foo').toggle();

显示或隐藏foo div容器。

选择栏1您可以选择$('.foo > .bar1').somefunction()或$('.foo').children('.bar1').somefunction();

选择元素的方式有很多种...你也可以使用.hide()或.show()来管理你的元素是否被隐藏

总是很好的链接btw：http://api.jquery.com/

Jquery选择要显示的子项

4 个答案: