javascript检测两个相等的参数

Question

我有一个函数，里面有2个相等的数字(例如21)，这些数字是自动生成的并且未知(从1开始递增)，我怎样才能将所有相同的数字联系起来。

$(document).ready(function(){
    $("#bt_Form_ReplyForm_21").click(function(){
        $("#box_21").slideToggle();
    });
});

我尝试用 foreach 解决这个问题，这个解决方案是否正确？

Answer 1

使用starts with selector ...^⁼...

Selects elements that have the specified attribute with a value beginning exactly with a given string.

单击时获取被单击元素的 id 编号，并将其在选择器中用于 .slideToggle() 调用

$(document).ready(function() {
  $('[id^="bt_Form_ReplyForm_"]').click(function() {
    var id = this.id.split("_").pop();
    $("#box_" + id).slideToggle();
  });
});

$(document).ready(function() {
  setRandomId();

  $('[id^="bt_Form_ReplyForm_"]').click(function() {
    var id = this.id.split("_").pop();
    $("#box_" + id).slideToggle();
  });
});

function setRandomId() {
  var id = Math.floor(Math.random() * 100);
  $("button").attr("id", "bt_Form_ReplyForm_" + id);
  $("div").attr("id", "box_" + id)
          .text("Slide - " + id);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <button type="button" id="bt_Form_ReplyForm_21">Click me...</button>
</form>

<div id="box_21">Slide - 21</div>