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

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

Answer 2

<div id="apple">

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

Answer 3

尝试：

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

您将选择标题为apple的所有div以及其中的任何子div。

http://jsfiddle.net/rpZbL/

Answer 4

你的选择器似乎有点偏离

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

另外，你应该真正使用类而不是标题。

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

4 个答案: