1

親div（1または2または3）内の（p）タグをクリックして、pを非表示にします。pが消え、div div（11または12または13）pが、で消えたpと一致して表示されます。その部門。

ID名を使用せずにそれを行うにはどうすればよいですか？

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
    $("div p").click(function(){
        $(this).hide();

    //What do I need to put here?? to show the <p> in the <div id="11 or 12 or 13"> according to the <p> that is clicked

    });

});


</script>
</head>
<body>

<div class = "" id="1">
  <p>If you click on me, I will disappear.</p>  // BY CLICKING THIS P HIDE IT THEN
  <div id="11" style="display:none;">
    <p>You have clicked me<p>                   // THEN SHOW THIS P
  </div>
</div> 
<span> HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH </span>

<div id="2">
 <p>Click me away!</p>
 <div id="22" style="display:none;">
   <p>You have clicked me too!<p>
 </div>
</div>
<span> HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH </span>

<div id="3">
 <p>Click me too!</p>
 <div id="33" style="display:none;">
   <p>You have clicked me three!<p>
 </div>
</div>
<span> HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH </span>

</body>
</html>
4

2 に答える 2

3

このようなものが必要だと思います。jqueryドキュメントの.next（）または.nextAll（）を参照してください。 

$("div p").click(function(){
            $(this).hide().next().show();
        });
于 2012-11-05T18:38:30.220 に答える
2

divを作成するには、p showの横で$（this）.next（）。show（）;を使用できます。

http://api.jquery.com/next/

于 2012-11-05T18:39:58.787 に答える