jquery 如何增加div id来应用函数

zwghvu4y 于 2023-03-29 发布在 jQuery

关注(0)|答案(2)|浏览(110)

<button class="btn btn-square uppercase bold blue pull-right" type="submit" 
id="button-1"><i class="icon-eye"></i> Ticket Details</button>
<div class="row d-none" id="content-1"></div>

我必须重复上面的代码，增加id，我应该如何使用这段代码来做到这一点：

$("#button-1").click(function() {
    $("#content-1").toggle("slide");
});

jquery

来源：https://stackoverflow.com/questions/49188050/how-to-increase-div-id-to-apply-the-function

2条答案

按热度按时间

6gpjuf901#

这段代码将对id 1到10执行此操作。

for (var i = 0; i < 10; i++) {
    $("#button-" + i).click(function () {
        $("#content-" + i).toggle("slide");
    });
}

赞(0）回复(0）举报 2023-03-29

olmpazwi2#

首先，计算所有需要创建点击函数的按钮：

var button_count = $("button").length; //you may also use class here

然后做一个循环：

for (var i = 0;i<=button_count;i++) {
    $("#button-"+i).click(function () {
        $("#content-"+i).toggle("slide");
    });
}

赞(0）回复(0）举报 2023-03-29

我来回答

jquery 如何增加div id来应用函数

2条答案

相关问题

热门标签

最新问答