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];

Answer 2

使用正则表达式

...attr("class").match(/food-\d+/)

如果您只需要数字

.match(/food-(\d+)/)[0]

Answer 3

$(':checkbox').click(function(){
    var parent_class = '';
    parent_class = $(this).parent('div').attr('class').match(/food-\d+/);
    alert(parent_class);
});

JQuery选择器：作为字符串获取多个类名之一

3 个答案: