Question

在其中特定的tr元素上，我有一个“ deleted_row”类，应从具有该类的所有tr元素中将其删除。我给了一个ID，我认为这可以帮助我做到这一点。

有人知道有什么方法可以做上述事情。

谢谢。

Answer 1

如果我很好理解，您想将“ deleted_row”类删除到具有该类的所有元素上。为此，您需要选择那些元素并删除该类：

function removeClass() {
  const rows = Array.from(document.querySelectorAll('tr.deleted_row'));
  rows.forEach(row => {
    row.classList.remove('deleted_row');
  });
}

.deleted_row {
  background-color: red;
}

<table>
  <tr class="deleted_row"><td>Row</td><td>1</td></tr>
  <tr class="deleted_row"><td>Row</td><td>2</td></tr>
</table>


<button onclick="removeClass()">Remove class</button>

Answer 2

正如我从您的问题中看到的那样，您只想从所有tr元素中删除特定的类。我假设“ deleted_row”类仅存在于您的tr元素中，并且您假设tbody id为您的父元素。以下是该代码的jQuery代码。

$('#tbody').children().removeClass('deleted_row');

注意：它将从所有包含该类的tr元素中删除“ deleted_row”，而不是特定的tr元素。

谢谢。

从所有表行中删除特定的类

2 个答案: