He visto muchas preguntas similares, pero ninguna de las respuestas funcionó en mi caso.
Se establece una variable en función del ancho del documento:
if ($(document).width() < 1400) { var tblProdukty = document.getElementById('tblProdukty1280'); } else { var tblProdukty = document.getElementById('tblProdukty1920'); }Entonces me gustaría hacer algo como esto: $("#tblProdukty1280 > tbody").empty(); pero con una variable establecida como arriba en algo como esto:
$("#" + tblProdukty + " > tbody").empty();o
$(`${tblProdukty}` + " > tbody").empty();Probé diferentes combinaciones de concatenación e inyección y no pude resolverlo. Recibí el siguiente mensaje de error: Error no detectado: error de sintaxis, expresión no reconocida: #[objeto HTMLTableElement] > tbody
¿Puede por favor aconsejarme sobre esto?
Puedes hacerlo de 2 maneras diferentes:
primero, puede usar la variable tblProdukty como referencia al elemento:
if ($(document).width() < 1400) { var tblProdukty = $("#tblProdukty1280"); } else { var tblProdukty = $("#tblProdukty1920"); }Entonces úsalo de esta manera:
tblProdukty.find("tbody").empty();O puedes hacer algo así:
if ($(document).width() < 1400) { var tblProdukty = "tblProdukty1280"; } else { var tblProdukty = "tblProdukty1920"; }Entonces úsalo de esta manera:
$(`#${tblProdukty}` + " > tbody").empty();