如何更改一行但保留另一行？

Question

我有两个同一个类的元素 - 我想删除一个，但保留另一个。

例如，我想保留此标记：

<div class="chat-column-head chat-container"></div>

但删除这一个：

<div class="chat-column-head"></div>

我更喜欢使用这种方法，因为我对jQuery知之甚少。

document.querySelector(".id")

Answer 1

您所谓的“id”实际上称为类名。 你可以试试这个：

document.querySelector(".chat-column-head:not(.chat-container)")

它将选择没有.chat-column-head类的第一个.chat-container元素。

Answer 2

以下是您要找的内容：

var elementList = document.querySelectorAll(".chat-column-head:not(.chat-container)");
// then iterate over returned list and remove all elements
Array.prototype.forEach.call( elementList, function( node ) {
   node.parentNode.removeChild( node );
});