jQuery的选择显示

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

u能键入

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

显示或隐藏FOO的div容器。

选择杆1 u能选择$('.foo > .bar1').somefunction()或$('.foo').children('.bar1').somefunction();

有这么多不同的方式来选择你的元素...ü也可以使用.hide()或.show()来管理，如果你的元素被隐藏或不

总是一个不错的链接btw：http://api.jquery.com/