How to use jQuery selectors with variables?

Question

I have seen lots of similar questions, but none of answers worked in my case.

A variable is set depending on a document width:

if ($(document).width() < 1400) { var tblProdukty = document.getElementById('tblProdukty1280'); } else { var tblProdukty = document.getElementById('tblProdukty1920'); }

Then I would like to do something like this: $("#tblProdukty1280 > tbody").empty(); but with a variable set as above into something like this:

$("#" + tblProdukty + " > tbody").empty();

or

$(`${tblProdukty}` + " > tbody").empty();

I have tried different combinations of concatenation and injection and could not figure it out. I got the following error message: Uncaught Error: Syntax error, unrecognized expression: #[object HTMLTableElement] > tbody

Can you please advice on this?

sajjad rezaei · Accepted Answer · 2022-02-26 21:51:13Z

You can do it in 2 different ways:

first, you can use the tblProdukty variable as reference to the element:

if ($(document).width() < 1400) { var tblProdukty = $("#tblProdukty1280"); } else { var tblProdukty = $("#tblProdukty1920"); }

Then use it this way:

tblProdukty.find("tbody").empty();

OR you can do something like that:

if ($(document).width() < 1400) { var tblProdukty = "tblProdukty1280"; } else { var tblProdukty = "tblProdukty1920"; }

Then use it this way:

$(`#${tblProdukty}` + " > tbody").empty();

Collectives™ on Stack Overflow

How to use jQuery selectors with variables?

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related