Javascript 或 JQuery 字符串获取具有特定前缀的子字符串

Question

我有一个包含许多类的元素，我想访问一个特定的类以获取它的最后一位数字(我意识到数据属性或 ID 可能是更好的选择，但现在我被类困住了)。我已经能够使用它的 ID 选择元素，所以我只需要确定 my-target-* 的最后一位数字是什么。

例子

<div class="foo bar apple my-target-1"></div>

我想获取 my-target-* 类，然后从中提取 1。

Answer 1

遍历所有包含 'my-target' 的元素，假设它是最后一个类，按空格拆分类，得到最后一个类，用 '-' 拆分它，然后获取需要提取的值。

这是一个工作示例:

$(document).ready(function(){

 $("[class*= my-target]").each(function(){

    var extract= $(this).attr('class').split(' ').pop().split('-').pop();
    $("#result").html(extract);
    
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo bar apple my-target-1"></div>
<span id="result"></span>