jquery - 如何在带有标题标签的主 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

您可以使用 toggle 将它们合而为一 plus 在按 ID 选择时，您无需指定 input 参数，jQuery 只会返回 ID 上第一个匹配的元素(因为应该只有一个):

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