Jquery access functions from an $.each loop

Question

I have a list of checkboxes and want to do something with all the names of the checkboxes. But I can't seem to access the HTML objects:

$('.update').click(function(){
                $('input[type=checkbox]:checked').each(function(i,elem){
                    console.log(elem);
                    elem.hide();
                });
            });

This produces TypeError: elem.hide is not a function

But the console.log(elem) shows: <input type="checkbox" name="TV">

How can I access each element?

rioc0719 · Accepted Answer · 2015-02-26 02:51:44Z

3

You are accessing the DOM node directly by using elem. You need to pass it to $() to get a jQuery object with access to .hide() and other jQuery methods:

$('.update').click(function() {
  $('input[type=checkbox]:checked').each(function(i, elem) {
    $(elem).hide();
  });
});

answered Feb 26, 2015 at 2:51

rioc0719

3032 silver badges11 bronze badges

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

Comments

Felix · Accepted Answer · 2015-02-26 02:52:44Z

1

elem is DOM element, not jquery type. You can use $(elem).hide() instead

answered Feb 26, 2015 at 2:52

Felix

10.2k10 gold badges64 silver badges105 bronze badges

Collectives™ on Stack Overflow

Jquery access functions from an $.each loop

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related