Как на JS можно удалить столбец "Наименование"?

Question

Подскажите как правильно найти queryselector чтобы удалить столбец "Наименование" ?

Сейчас скрипт удаляет только заголовок

columns = document.querySelectorAll('th');

columns.forEach(function(column, position) {
 columnName = column.textContent.trim();
 
 if (columnName === 'Наименование') {
    column.remove();
    
    let rows = document.querySelectorAll('tbody tr');
    rows.forEach(function(row) {
    	row.children[position].remove();
    });
 }

});

Answer 1

Все элементы с подобными именами и разными окончаниями будут найдены.

// найдет все что начинается с "productTitle-"
for (let i of document.querySelectorAll("[id|=productTitle]")){
  console.log(i.id)
}

<!-- Для примера простые элементы -->
<span id="productTitle-cell-0-71"><span>
<span id="productTitle-asd-2"><span>
<span id="productTitle-hlo-86"><span>
<span id="productTitle-75"><span>
<span id="productTitle-86-9"><span>

БЛОГ НА HUSL

Как на JS можно удалить столбец "Наименование"?

Ответы (1 шт):