如何使用標題標籤顯示主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); 
});