JQuery concat selector with a object variable

Question

I've few .children element within a .parent div. I would like to loop the children elements.

//This is working good.
$('.parent .children').each(function(){
     //working good.
});

//But I would like to do that in the following way-
var parent = $('.parent');
$(parent + ' .children').each(function(){

});

This time I'm getting the following error-

jquery.min.js:2 Uncaught Error: Syntax error, unrecognized expression: [object Object] .children

Any help?

or, $('.children', parent) pass parent element as context which us equivalent to ^^^^ — Satpal
– Satpal, Commented Jul 29, 2019 at 11:44
Or you can use $(parent.selector + ' .children').each(function(){}); — Rohit Sharma
– Rohit Sharma, Commented Jul 29, 2019 at 11:54

BenM · Accepted Answer · 2019-07-30 08:30:02Z

1

You can use the find() method as follows:

parent.find('.children').each(function() { 
  // Loop here
});

Alternatively, pass parent as the context to the jQuery constructor as follows:

$('.children', parent).each(function() { 
  // Loop here
});

edited Jul 30, 2019 at 8:30

answered Jul 29, 2019 at 11:45

BenM

53.3k26 gold badges116 silver badges172 bronze badges

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

Comments

bimal sharma · Accepted Answer · 2019-07-29 11:48:27Z

1

In above give problem.

//This is working good.
$('.parent .children').each(function(){
     //working good.
});

Above example your are finding children class under parent class.

//But I would like to do that in the following way-
var parent = $('.parent');
$(parent + ' .children').each(function(){

});

In above example you are creating a object of parent class and that's why it is giving issue because wee need to pass string not a object .

Beloved example must help you.

var parent = $('.parent');
    parent.find('.children').each(function(){

    });

Here you are created a object and by use of find we are finding .children class inside a parent class.

answered Jul 29, 2019 at 11:48

bimal sharma

1691 silver badge9 bronze badges

Collectives™ on Stack Overflow

JQuery concat selector with a object variable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related