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

【问题标题】：Use wildcard ID with jQuery and get wildcard ID在 jQuery 中使用通配符 ID 并获取通配符 ID
【发布时间】：2014-01-08 09:00:49
【问题描述】：

我有 4 个 ID

hideshow1
hideshow2
hideshow3
hideshow4

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

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

  });
});

这足以对每个按钮的点击采取行动，但我需要提取最后的整数以使用它只对被点击的那个采取行动。点击#hideshow1的示例

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

% 是从初始 hideshow ID 中提取整数的位置。

【问题讨论】：

在$(this).attr("id")上使用子字符串（或类似的）。

标签： jquery jquery-selectors wildcard

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

JS：-

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

【讨论】：

@BobbyS - 这能回答你的问题吗？

【解决方案3】：

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

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

【讨论】：