javascript - css 选择器或 xpath 选择器

Question

我在代码中有一个 div。我不想显示它或删除它。哪个都可以

代码如下:

  <div addthis:url="http://sampletest.com/?p=2748" class="addthis_toolbox addthis_default_style " addthis:title="Clarifying the event "></div>

这是来自 wordpress 页面。

我不知道在 css 中如何选择 addthis:url="http://sampletest.com/?p=2748"和 addthis:title="Clarifying the event "因为 class="addthis_toolbox addthis_default_style 不是独一无二的选择

我尝试使用 javascript

    element = document.evaluate('//div[@addthis:url="http://sampletest.com/?p=2748"]',
    document,
    null,
    XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
    null);

但它没有选择。

Answer 1

它有一个类。您所要做的就是在您的 CSS 中定位该类。

该类是addthis_toolbox，因此下面将隐藏div 及其内容。

.addthis_toolbox {
    display: none;
}

只需确保此类未在您不想隐藏的其他元素中使用，否则它们也会被隐藏。