If parent element has only 2 child elements do something, else something else

Question

So I have this html markup:

<div class="buttons-holder>
    <label class="my-btn">
        <input name="example" value="1" type="radio"> YES
    </label>
    <label class="my-btn">
        <input name="example" value="0" checked="checked" type="radio"> NO
    </label>
</div>

But sometimes I have more than one label inside the .buttons-holder element. How can I specify in jQuery to apply my jQuery code only if there exists 2 label elements?

I tried something like this but it still applies to all elements:

    if ($('form label:has(input[type="radio"])').eq(2)) { 
        //do something 
    } else {
        //do something else
    }

Jsfiddle: http://jsfiddle.net/jw51hggc/

you need to check for length like `$('form label:has(input[type="radio"])').length > 1` — Arun P Johny, Sep 10 '14 at 13:10
to wrap the labels only if the parent element of labels has only 2 labels. — Eddi, Sep 10 '14 at 15:01
Nothing for now,just want to apply it only if exists 2 labels. — Eddi, Sep 10 '14 at 15:05
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/60978/discussion-between-arun-p-johny-and-eddi). — Arun P Johny, Sep 10 '14 at 15:08

score 2 · Accepted Answer · answered Sep 10 '14 at 15:21

2

Based on your comments and fiddle

$('form .buttons-holder').filter(function(){
    return $(this).children('label:has(input[type="radio"])').length == 2
}).wrapInner('<div class="wrap"></div>');

Demo: Fiddle

answered Sep 10 '14 at 15:21

Arun P Johny

384,651
66
527
531

If parent element has only 2 child elements do something, else something else

1 Answers1