jquery - 使用 jQuery 获取字符串的一部分

Question

HTML 代码:

<div id="block-id-45"></div>

如何使用 jQuery 获取字符串的编号 "45" ？

Answer 1

返回 id 末尾的数字属性使用

$(this).attr("id").match(/[\d]+$/);

以上将返回 45如果$(this)是 <div id="block-id-45"></div>

jsFiddle example

上面的工作方式是使用 .attr() 检索元素的 id ，然后你看id并使用 .match() 恢复其末尾的数字。 /[\d]+$/是一个正则表达式。 [\d]表示一位数字 +表示一个或多个(数字)。和$表示行尾。

<小时/>

您可以使用此函数检索 id 以 block-id- 开头的所有 div 末尾的数字。通过使用 attribute starts with selector [name^=value] 和 .each() :

实际用法:

$(function() {

      // Select all DIS that start with 'block-id-'
      //   and iterate over each of them.
    $("div[id^='block-id-']").each(function() {

          // You could push this data to an array instead.
          // This will display it.
        $("body").append( "Id number: " + 
                            // This is the number at the end
                          $(this).attr("id").match(/[\d]+$/) +
                          "<br/>" );
    });
});​

<强> jsFiddle example