Object + class names as variable (jQuery)

Question

I got an error, if I try this:

var Box = $(window.parent.document).find("#box"); // works fine
var BoxContent = $(Box+" .bg > .content").text(); // error

console.log(BoxContent);

Error message ("Uncaught Error: Syntax error, unrecognized expression: [object Object] .bg .content")

What is my fail?

Barmar · Accepted Answer · 2020-11-09 08:44:36Z

1

Box isn't a string, you can't meaningfully concatenate it with a string to create a new selector.

It's a jQuery object, so you can use .find() to search within it.

var BoxContent = Box.find(".bg > .content").text();

answered Nov 9, 2020 at 8:44

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Comments

Yuvraj Mule · Accepted Answer · 2020-11-09 09:17:46Z

1

try this one

var BoxContent = Box.find(".bg > .content").first().text();
// OR
var BoxContent = Box.find(".bg").first().find(".content").first().text();

answered Nov 9, 2020 at 9:17

Yuvraj Mule

4484 silver badges14 bronze badges