Javascript 在jQuery中动态创建许多方法？

根据需要生成的“页面”数量，在我的页面上的隐藏文本字段中生成一个数字

该计划是通过单击数字动态允许用户在页面之间切换（例如，如果我们有3个页面，他们可以单击1、2或3来显示每个页面）

问题是运行时的页面数量会有所不同，但为了能够在js/jQuery中添加页面切换功能，我需要为每个页面按钮创建一个.click（）方法

但是，由于页面的数量不是一个固定的数量，我需要以某种方式动态创建这些方法-创建所需的数量，因此每个页面都有一个.click（）函数

$("#page1" ).click(function() { 
          for(var i = 0; i < tableCount; i++){
              $("#usertable" + (i)).hide();
          }

          $("#usertable1").show();
    });

$（“#第1页”）。单击（函数（）{
对于（变量i=0；i

上面是我编写的一个简单函数的示例，当按下第1页按钮时将执行该函数，它将遍历所有页面，隐藏它们，然后显示第1页。但是，如果我有5个页面，我需要以某种方式动态创建$（“#page2”）.click（）函数和$（“#page3”）.click（）函数，依此类推

---

有什么想法吗？

使用公共类和一些属性会有所帮助

<a class="page-link" href="#page1">Page 1</a>

<div id="page1" class="page-content"></div>

或者更详细一点以便理解

$('.page-link').click(function(){         
     var idSelector = $(this).attr('href'); // "#page1"
     $('.page-content').hide().filter(idSelector).show();    
});

---

使用公共类和一些属性会有所帮助

<a class="page-link" href="#page1">Page 1</a>

<div id="page1" class="page-content"></div>

或者更详细一点以便理解

$('.page-link').click(function(){         
     var idSelector = $(this).attr('href'); // "#page1"
     $('.page-content').hide().filter(idSelector).show();    
});

---

可以使用以选择器开头的属性

$("[id^=page]").click(function () {
  // do stuff
  var id = this.id.slice(-1);
  for (var i = 0; i < tableCount; i++){
    $("#usertable" + i).not("[id$=" id "]").hide();
  }
  $("#usertable" + id).show();
})

$（“[id^=page]”。单击（函数（）{
//做事
var id=这个.id.slice（-1）；
对于（变量i=0；i

您可以使用以选择器开头的属性

$("[id^=page]").click(function () {
  // do stuff
  var id = this.id.slice(-1);
  for (var i = 0; i < tableCount; i++){
    $("#usertable" + i).not("[id$=" id "]").hide();
  }
  $("#usertable" + id).show();
})

$（“[id^=page]”。单击（函数（）{
//做事
var id=这个.id.slice（-1）；
对于（变量i=0；i

为什么不使用类来代替？如果你指的是类而不是id，我需要能够区分按下的内容，以便它知道隐藏和显示什么。为什么不使用类来代替？如果你指的是类而不是id，我需要能够区分按下的内容，以便它知道隐藏和显示什么。