如何使用jquery从特定页面中删除特定的css元素？

Question

我有6个特定页面，其中包含大量以下html行：

<div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth ">

我需要在所有这些特定页面上删除带有jquery的第一个css元素“ms-webpart-chrome”。

“ms-webpart-chrome”的作用是它添加了一个我想从所有页面中删除的白色背景。

我该怎么做？

Answer 1

这是一个相当简单的jQuery使用方法。首先，使用class selector查找该类的元素，然后使用first忽略除第一个之外的所有元素，然后使用该元素执行某些操作。

你真正想要做的是从问题中有点不清楚，但有两种可能的选择：

如果您想要实际删除元素，请使用remove：

$(".ms-webpart-chrome").first().remove();

如果您只想从中删除该类，请使用removeClass：

$(".ms-webpart-chrome").first().removeClass("ms-webpart-chrome");

---

根据我的经验，使用.first()是最有效的选择，但这不太重要。第一位（按类查找，只获得第一位）也可以使用:first selector（或:eq(0)）来完成：

$(".ms-webpart-chrome:first").doSomething();

在这两种情况下，这可能会迫使jQuery使用自己的选择器引擎而不是内置的浏览器功能，这可能并不理想。但如果你只是这样做一次，那只会在真正的大量页面上发生。

Answer 2

如果每个页面都有一个.pages类，您可以使用每个页面循环遍历每个页面，并使用类ms-webpart-chrome删除第一个元素

$('.pages').each(function(){
$(this).find('.ms-webpart-chrome:first').remove();
});

Answer 3

使用jQuery：

$(function(){
$('.ms-webpart-chrome').each(function(){
$(this).removeClass('ms-webpart-chrome');
})
})

使用CSS：

找到CSS文件并搜索“.ms-webpart-chrome”并删除整行。