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

从HTML中的一个元素中删除Div类,html,css,Html,Css,有一个css类叫做.main container,我只是在文档中重复了几次这个div类。我只想移除第一个容器。我能上那个儿童班吗 有一个jquery函数eq(index),您可以将索引作为参数放在它上面 这是您需要的脚本: $(".main-container").eq(0).removeClass(".main-container"); 试着这样, $('.main-container').first().remove(); 或 如果要删除类,请使用reomveclass()而不是remo

有一个css类叫做
.main container
,我只是在文档中重复了几次这个div类。我只想移除第一个容器。我能上那个儿童班吗

有一个jquery函数eq(index),您可以将索引作为参数放在它上面

这是您需要的脚本:

$(".main-container").eq(0).removeClass(".main-container");
试着这样,

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

如果要删除类,请使用reomveclass()而不是remove()

您可以执行以下操作:

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

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

要完成此任务,您应该使用jQuery/Javascript。仅使用HTML/CSS无法实现
删除类
的功能

使用jquery选择器:

$('.main-container').first().removeClass('main-container');
.main-container:not(:first-child)
{
   //-- Your Style
}

或者,如果您愿意:Css样式不是附加/添加/应用于带有
主容器
类的第一个容器,那么您可以使用Css
选择器:

$('.main-container').first().removeClass('main-container');
.main-container:not(:first-child)
{
   //-- Your Style
}

您不能从要删除它的div中删除class=“main controller”吗?您可以添加一些标记并更具体一点吗?我不太确定你想要实现什么。我不能删除主容器,因为我已经使用过多次,content-1 content-2 content-3,所以我只需要从CSS中删除主容器,没有从html文档中删除它。我是否可以仅使用CSS执行相同的操作?我是否可以在最大宽度下降时执行此操作,然后执行上述操作?您无法使用CSS访问类的第一个匹配项。它将使用这样的标记名:div:nth child(1){display:none;}您可以检查间隔中的最大宽度,并在达到该值时触发上述函数。