javascript - JQuery 选择器 : get one of multiple class names, 作为字符串

Question

我在一个页面中有很多 div，如下所示:

<div class="formitem food-6 group-7">
//content of div
  <input type="checkbox"> //child of div
</div>

<div class="formitem food-7 group-7">
//content of div
  <input type="checkbox"> //child of div
</div>

当选中一个复选框时，我想将其父级的唯一类的值(例如“food-6”或“food-7”)存储在变量中。我可以获得父级的所有类，如下所示:

parent = $(this).closest(".formitem").attr("class");

这给了我formitem food-7 group-7。

如何获得“以食物开头的-”？

Answer 1

尝试一个简单的正则表达式，例如

parent = $(this).closest(".formitem").attr("class").match(/\b(food-\d+)\b/)[1];