如何使用带变量的 jQuery 选择器？

Question

我见过很多类似的问题，但没有一个答案适用于我的案例。

根据文档宽度设置变量：

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

然后我想做这样的事情： $("#tblProdukty1280 > tbody").empty(); 但是将上面的变量设置为如下所示：

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

或者

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

我尝试了不同的连接和注入组合，但无法弄清楚。 我收到以下错误消息：未捕获错误：语法错误，无法识别的表达式：#[object HTMLTableElement] > tbody

你能就此提出建议吗？

Answer 1

您可以通过两种不同的方式进行操作：

首先，您可以使用tblProdukty变量作为元素的引用：

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

然后这样使用它：

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

或者你可以这样做：

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

然后这样使用它：

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