如何使用标题标签显示主DIV内的所有嵌套DIV？

Question

我有我的主div与title="apple"和嵌套的div没有标题标签。当我编写代码以"apple"标题显示主div时，只显示主要div正在显示，嵌套的div不会显示。如何显示所有子div，即使它们没有标题标签？这是下面的代码。

<div title="apple"> 
    <div>Hi..</div> 
</div> 

而jQuery的

$('input#showapple').click(function(){ 
    $("div *[title='apple']").show(2000); 
}); 

$('input#hideapple').click(function(){ 
    $("div *[title='apple']").hide(2000); 
}); 

Answer 1

<div id="apple"> 

您可以选择使用属性ID，而不是标题元素。

Answer 2

尝试：

$('input#showapple').click(function(){ 
    $("div[title='apple'] > div").show(2000); 
}); 

，您将选择所有标题苹果和其中的任何孩子div的股利。

http://jsfiddle.net/rpZbL/

Answer 3

您的选择似乎有点过

$('input#showapple').click(function(){ 
    $("div[title=apple]").show(2000); 
}); 

也，你真的应该使用类，这和没有标题。

Answer 4

你可以做这两个动作在一个使用toggle加你不需要指定input参数通过ID选择时，jQuery的只能在ID返回第一个匹配元素（因为应该只有一个）：

$('#showapple, #hideapple').click(function(){ 
    $("div[title='apple'] > div").toggle(2000); 
});