Quiero revisar todas las filas de mi tabla y si la primera celda de una fila es igual a 1 o 15, quiero ocultar el valor en la sexta celda de esa fila. Tengo un problema con la variable i en thedocument.querySelector("tr:nth-child(i) td:nth-child(6)") porque parece que la variable no se reconoce. Sin embargo, cuando pongo un número real dentro del nth-child, funciona y oculta la fila correspondiente. Pero, obviamente, necesitaría usar la variable i para que la celda que se oculta esté en la fila cuya primera celda sea 1 o 15. Consulte el script a continuación:
var ids = document.querySelectorAll("table tr td:nth-child(1)"); [].forEach.call(ids , function(cell, i) { if(cell.innerHTML == 1 ){ document.querySelector("tr:nth-child(i) td:nth-child(6)").style.display = "none"; console.log("ito yung row in question: " + i); } if(cell.innerHTML == 15 ){ document.querySelector("tr:nth-child(i) td:nth-child(6)").style.display = "none"; console.log("ito yung row in question: " + i); } });Como sugiere el usuario 1599011, está pasando el carácter i en su cadena de selector de consulta en lugar del valor de su variable i. Podrías usar una plantilla literal así:
var ids = document.querySelectorAll("table tr td:nth-child(1)"); [].forEach.call(ids , function(cell, i) { if(cell.innerHTML == 1 ){ document.querySelector(`tr:nth-child(${i}) td:nth-child(6)`).style.display = "none"; console.log("ito yung row in question: " + i); } if(cell.innerHTML == 15 ){ document.querySelector(`tr:nth-child(${i}) td:nth-child(6)`).style.display = "none"; console.log("ito yung row in question: " + i); } });