jquery – 如何在带有标题标记的主DIV中显示所有嵌套的DIV？

我有我的主div与title =“苹果”和嵌套的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);
});

解决方法

您可以在一个使用切换的情况下执行它们,并且在按ID选择时不需要指定输入参数,jQuery将仅返回ID上的第一个匹配元素(因为应该只有一个)：

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