JQuery selector: get one of multiple class names, as a string

Question

I have many divs in a page, like so:

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

When a checkbox is checked, I want to store the value of it's parent's unique class e.g "food-6" or "food-7" in a variable. I can get all the classes of the parent, like this:

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

Which gives me formitem food-7 group-7.

How can I get "the one that starts with food-" ?

Since it looks like you're using this food-7 class for computation instead of CSS, have you considered using data- attributes instead? — Joe Enos
– Joe Enos, Commented Oct 28, 2013 at 16:14

Arun P Johny · Accepted Answer · 2013-10-28 16:14:01Z

6

Try a simple regex like

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

answered Oct 28, 2013 at 16:14

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Arun P Johny Over a year ago

in this case both are same... just went with the grouped item

epascarello · Accepted Answer · 2013-10-28 16:14:45Z

2

Use a regular expression

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

if you want just the number

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

answered Oct 28, 2013 at 16:14

epascarello

208k20 gold badges206 silver badges246 bronze badges

Comments

Bobby Shark · Accepted Answer · 2013-10-28 16:23:31Z

0

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

answered Oct 28, 2013 at 16:23

Bobby Shark

1,0842 gold badges17 silver badges34 bronze badges

Collectives™ on Stack Overflow

JQuery selector: get one of multiple class names, as a string

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related