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>

javascript检测两个相等参数

javascript detection of two equal parameter

javascript

numbers

equals

auto-increment