jQuery remove checkbox based on index

Question

I have the following jQuery code:

Working code

if(report==='Group 1'){
    $('.spandiv').not(':eq(17)').remove();
}

This works fine and removes all checkboxes that don't equal 17. However what I am trying to do now is only remove certain checkboxes.

I have tried the following:

Non-working code

if(report==='Group 1'){
    $('.spandiv').is(':eq(17)').remove();
    $('.spandiv').is(':eq(16)').remove();
    $('.spandiv').is(':eq(12)').remove();
    $('.spandiv').is(':eq(6)').remove();
    $('.spandiv').is(':eq(5)').remove();
    $('.spandiv').is(':eq(4)').remove();
}

I had assumed (clearly incorrectly) that this would work but it doesn't. I am clearly doing something wrong and would appreciate any feedback/ assistance.

What about just $('.spandiv:eq(17)').remove();?

j08691
– j08691

2014-07-02 16:25:03 +00:00
Commented Jul 2, 2014 at 16:25 — j08691
– j08691, Commented Jul 2, 2014 at 16:25
Oopss...clearly not a good day for me. Thanks @j08691.

Homer_J
– Homer_J

2014-07-02 16:27:31 +00:00
Commented Jul 2, 2014 at 16:27 — Homer_J
– Homer_J, Commented Jul 2, 2014 at 16:27

VisioN · Accepted Answer · 2014-07-02 16:25:31Z

1

.is method will return boolean true or false if the selector matches the selected element. You are looking for .eq method or :eq selector (or .filter in the last case):

$('.spandiv:eq(17)').remove();  // this is the same as
$('.spandiv').eq(17).remove();  // this and the same as
$('.spandiv').filter(':eq(17)').remove();  // this

answered Jul 2, 2014 at 16:25

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

Comments

Lucas Trzesniewski · Accepted Answer · 2014-07-02 16:25:15Z

1

$('.spandiv:eq(17)').remove();
$('.spandiv:eq(16)').remove();
$('.spandiv:eq(12)').remove();
$('.spandiv:eq(6)').remove();
$('.spandiv:eq(5)').remove();
$('.spandiv:eq(4)').remove();

The is function is just a boolean check. You could replace it with .filter() or .eq() too:

$('.spandiv').eq(17).remove();
$('.spandiv').eq(16).remove();
$('.spandiv').eq(12).remove();
$('.spandiv').eq(6).remove();
$('.spandiv').eq(5).remove();
$('.spandiv').eq(4).remove();

answered Jul 2, 2014 at 16:25

Lucas Trzesniewski

51.6k11 gold badges115 silver badges169 bronze badges

1 Comment

Homer_J Over a year ago

Cheers for that, appreciated and for the further feedback.

Collectives™ on Stack Overflow

jQuery remove checkbox based on index

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related