Question

我使用jQuery来切换div。

<script>
$(document).ready(function(){
    $("#btnstoreofferlisting-3").click(function(){
        $("#storeofferlisting-3").toggle();
    });
});
</script>

我有更多div与“storeofferlisting-3”id。我点击“＃btnstoreofferlisting-3”按钮，但只有一个div隐藏和显示。如何使其与所有相同的id div一起使用？

Answer 1

首先，ID应该是唯一的。每页只能有一个ID。将ID更改为类。

一旦你这样做，你的代码将是这样的：

$(".btnstoreofferlisting-3").click(function(){
    $(this).toggle();
});

https://www.sitepoint.com/javascript-this-event-handlers/

Answer 2

使用css类

<div class="myDiv"></div>

<script>
$(document).ready(function(){
    $(".myDiv").click(function(){
        $(".myDiv").toggle();
   });
});
</script>

Jquery切换具有相同id的多个div

2 个答案: