5

我的主divdivtitle="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);
});
4

4 回答 4

4

你可以同时使用toggle 加上你不需要input在按 ID 选择时指定参数,jQuery只会返回 ID 上的第一个匹配元素(因为应该只有一个):

$('#showapple, #hideapple').click(function(){
    $("div[title='apple'] > div").toggle(2000);
});
于 2013-02-21T15:09:20.843 回答
0

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/

于 2013-02-21T15:02:35.897 回答
0

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.

于 2013-02-21T15:03:24.133 回答
0
<div id="apple">

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

于 2013-02-21T15:01:41.337 回答