javascript - 在 jquery 中选择 ID + 任意数字

标签 javascript jquery string jquery-selectors

我是 stackoverflow 和 jQuery 的新手,所以我在制作一个简单的函数时遇到了一些麻烦。

我基本上在我的网站上有一些随机数量的链接,id "filtro"+ "some number",我只想为点击其中任何一个的 Action 编写一个代码(稍后会用相同的“filtro”+“一些数字”)影响类(class)。

例如:点击“#filtro3”,对“.filtro3”做一些事情。

问题是,我不知道如何在 jQuery 中为“任意数字”编写字符串。我正在考虑做这样的事情:

$(function () {
    $("#" + "filtro" + SOME NUMBER).click(function () {
            //Do something with the element "." + "filtro" + SOME NUMBER
    });
});

有什么想法吗?谢谢!!

Ps.:这是我的第一个问题,如有错误请见谅


已解决。 dystroy 的解决方案非常有效。

为了将来供其他人引用,我编写这段代码是为了制作一个简单的图片库过滤器菜单。这样我就可以隐藏/显示某些主题的图片。

最佳答案

你似乎想要

$(function () {
    $("[id^=filtro]").click(function () {
        var num = this.id.slice(6);
        // if there is a risk of ambiguity, you might check here that +num==num
        var $elem = $('.filtro'+num);
        ...
    });
});

解释:

  • $("[id^=filtro]") 使用 starts with selector选择所有 id 以“filtro”开头的元素
  • this.id.slice(6); 取 id 从第六个字符开始的部分。也许它会更清楚 this.id.slice('filtro'.length)this.id.substring('filtro'.length)

关于javascript - 在 jquery 中选择 ID + 任意数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18129870/

相关文章:

javascript - 错误: TypeError('app. use()需要中间件函数

javascript - Jquery 克隆行及其具有不同 id 的所有元素

javascript - 如何在 Choices.js 中禁用按字母顺序自动排序项目?

javascript - 在 redux 中获取 api 的最佳方式是什么?

javascript - 使用 Froala 编辑器按空格键时 Sweet alert 2 关闭

javascript - div.width() 返回错误值 jquery

c# - IndexOf 和序号字符串比较

java - Golang 中的拆分器

C++将字符串精确地转换为 double

javascript - 我的服务没有更新 - Angularjs