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

Question

我的主divdiv和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 加上你不需要input在按 ID 选择时指定参数，jQuery只会返回 ID 上的第一个匹配元素（因为应该只有一个）：

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

Answer 2

Try:

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

You will select all the div with title apple and any child div's within it.

http://jsfiddle.net/rpZbL/

Answer 3

your selector seems to be a little bit off

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

also, you should really be using classes for this and not the title.

Answer 4

<div id="apple">

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