javascript - JQuery セレクター: 複数のクラス名の 1 つを文字列として取得します

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);
});