在jQuery中使用通配符ID并获取通配符ID

Question

我有4个身份证

hideshow1
hideshow2
hideshow3
hideshow4

现在，当点击这些ID的按钮时，我想在最后使用这些整数来执行各个动作。到目前为止，我有这个：

$(document).ready(function() {
  $("[id^=hideshow]").click(function() {

  });
});

这足以对每个按钮的点击进行操作，但是我需要在结尾处提取整数以使用它仅对被点击的按钮进行操作。如果单击#shideshow1，则显示示例

$('#hideshow%').html('Hide');
$('.success%').addClass('test');

其中％是从初始隐藏显示ID中提取整数的位置。

Answer 1

你总是可以尝试像这样提取id / index：

$(document).ready(function() {
  $("[id^=hideshow]").click(function() {
      var index = parseInt($(this).attr("id").replace('hideshow',''), 10);
  });
});

Answer 2

试试这个： - http://jsfiddle.net/adiioo7/b3Wvt/

<强> JS： -

$(document).ready(function() {
  $("[id^=hideshow]").click(function() {
      var matches = this.id.match(/\d+$/);
       alert(parseInt(matches[0]));
  });
});

Answer 3

您可以使用replace从id获取号码。如果您从id移除隐藏字符串，那么您将在id的末尾留下数字。

$(document).ready(function() {
  $("[id^=hideshow]").click(function() {
       num = this.id.replace('hideshow','');
  });
});