从HTML中的一个元素中删除Div类

Question

有一个名为.main-container的css类，我只是在文档中多次重复该div类。我只想删除第一个容器。那个孩子班可以吗？

Answer 1

你可以这样做：

var removeEl=document.getElementsByClassName('main-container')[0];
removeEl.parentElement.removeChild(removeEl);

这是一个没有jQuery的干净，有效的解决方案。

Answer 2

有一个jquery函数eq（index），你把索引作为参数放在它上面。

这是您需要的脚本：

$(".main-container").eq(0).removeClass(".main-container");

Answer 3

尝试这样，

$('.main-container').first().remove();

或

$('.main-container span:first').remove();

如果你想删除类，那么使用reomveclass（）代替remove（）

Answer 4

要完成此任务，您应该使用Jquery / Javascript。您无法仅使用HTML / CSS实现remove class。

使用jquery .first()选择器：

$('.main-container').first().removeClass('main-container');

OR

$('.main-container:first').removeClass('main-container');

或者如果你想：在没有main-container类的第一个容器上没有附加/添加/应用Css样式，那么你可以使用css not选择器：

.main-container:not(:first-child)
{
   //-- Your Style
}