css 删除 div 的用户脚本

Question

我想通过用户脚本删除 div，其中唯一可能与 div 不同的是内联 css.

中的免费图像

假设 div 具有以下 CSS：（背景图片：http://www.example.com/example.png）

谁能帮我解决这个问题？

我已经尝试了以下方法，但没有用。

var badDivs = $("div div:contains('background-image')");
badDivs.remove ();

Answer 1

使用：

$("div").each(function() {
  if ($(this).css("background-image") != 'none') {
    $(this).remove();
  }
});

文档：.each(), .css(), .remove().

警告！！检查所有 div 将是一项巨大的工作，您应该改用 class，例如 toCheck。所以：

$(".toCheck").each(function() {
  if ($(this).css("background-image") != 'none') {
    $(this).remove();
  }
});

工作DEMO。

$(".toCheck").each(function() {
  if ($(this).css("background-image") != 'none') {
    $(this).remove();
  }
});

div {
  border:1px solid #000;
}

.toCheck {
  width: 100px;
  height: 100px;
}

#withImage {
  background-image: url("http://www.placehold.it/100/100");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="toCheck" id="withImage">
  Div to check with an image
</div>

<div class="toCheck">
  Div to check without an image
</div>

<div>
  Normal div
</div>

更新：

由于您的 class toCheck 是部分变量，您将需要使用 Regular Expression. First you need to extend JQUERY selectors (tutorial) so for :regex:

的更棘手的脚本

jQuery.expr[':'].regex = function(elem, index, match) {
    var matchParams = match[3].split(','),
        validLabels = /^(data|css):/,
        attr = {
            method: matchParams[0].match(validLabels) ? 
                        matchParams[0].split(':')[0] : 'attr',
            property: matchParams.shift().replace(validLabels,'')
        },
        regexFlags = 'ig',
        regex = new RegExp(matchParams.join('').replace(/^\s+|\s+$/g,''), regexFlags);
    return regex.test(jQuery(elem)[attr.method](attr.property));
}

然后将它与您的变量一起使用 class:

$("div:regex(class, profile_view_img_+[0-9]*)").each(function() {
  if ($(this).css("background-image") != 'none') {
    $(this).remove();
  }
});

已更新 DEMO。

jQuery.expr[':'].regex = function(elem, index, match) {
    var matchParams = match[3].split(','),
        validLabels = /^(data|css):/,
        attr = {
            method: matchParams[0].match(validLabels) ? 
                        matchParams[0].split(':')[0] : 'attr',
            property: matchParams.shift().replace(validLabels,'')
        },
        regexFlags = 'ig',
        regex = new RegExp(matchParams.join('').replace(/^\s+|\s+$/g,''), regexFlags);
    return regex.test(jQuery(elem)[attr.method](attr.property));
}

$("div:regex(class, profile_view_img_+[0-9]*)").each(function() {
  if ($(this).css("background-image") != 'none') {
    $(this).remove();
  }
});

div {
  border:1px solid #000;
}

.toCheck {
  width: 100px;
  height: 100px;
}

#withImage {
  background-image: url("http://www.placehold.it/100/100");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="profile_view_img_22222222" id="withImage">
  Div to check with an image
</div>

<div class="profile_view_img_1111111">
  Div to check without an image
</div>

<div>
  Normal div
</div>

css 删除 div 的用户脚本

Userscripts to Remove a div by css

javascript

css

jquery

userscripts