1

これは私のJavaScriptコードです:

Javascript

<script> $(document).ready(function(){  
    $("#showButton").click(function(){ $("#showContent").toggle("slow");  
}); }); </script>

問題は、同じコードを異なるものにどのように使用できるかです<div>

このコードを使用して開き<div id=#showContent></div>、同じコードを使用して別々に開くように<div id=#showContentSecond></div>

多くのdiv要素があり、要素を操作するたびに何かをコーディングしたくありません。

4

3 に答える 3

1

ボタンは、div の子でない場合、何らかの方法で div に関連付ける必要があります。例:

<button class="mybutton" data-something="1">One</button>
<button class="mybutton" data-something="2">Two</button>

<div data-something="1">first</div>
<div data-something="2">second</div>

Javascript:

$(document).ready(function(){
    $('button.mybutton').click(function(){
        $('div[data-something=' + $(this).data('something') + ']').toggle();
    });
});

フィドルのデモ: http://jsfiddle.net/vcAtb/

于 2013-06-07T20:19:25.613 に答える
0

document.getElementsByTagName 要素を使用して、すべての div を取得できます。

document.getElementsByTagName("div")
于 2013-06-07T21:08:35.683 に答える
-2

class同じ動作をさせたい各要素にCSS を適用します。

HTML

<div id="div1" class="toggleDiv"></div>
<div id="div2" class="toggleDiv"></div>
<div id="div3" class="toggleDiv"></div>

JavaScript

$(document).ready(function(){  
    $(".toggleDiv").click(function()
    { 
        $(this).toggle("slow");  
    });
 });

http://jsfiddle.net/gDG6n/

于 2013-06-07T20:20:10.177 に答える