如何增加div id来应用该功能

Question

<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");
});

Answer 1

首先，计算创建点击功能所需的所有按钮：

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");
    });
}

Answer 2

此代码将执行id 1到10。

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