隐藏div选择器不起作用

Question

我的Greasemonkey脚本存在很大问题。我正在使用此代码在网络上隐藏不必要的div：

$("div[data-title='Mair Mask']").hide()

它适用于大多数这些 - 例如：

$("div[data-title='Googly Gazer']").hide()
$("div[data-title='Medic's Mountain Cap']").hide()

不幸的是 - 此代码不适用于多个div。这非常奇怪，因为我复制了数据标题，并将其非常小心地粘贴到代码中。尽管如此 - 我无法隐藏div，例如：

 Madame Dixie
 Brain Bucket
 Surgeon's Side Satchel

我当然试过这个：

 $("div[data-title='Madame Dixie']").hide()
 $("div[data-title='Brain Bucket']").hide()
 $("div[data-title='Surgeon;s Side Satchel']").hide()

情况非常奇怪，因为各个div之间没有区别，让我想知道为什么代码适用于大多数，但不是全部。

我试图在这些div的名称中插入而不是空格键....

  $("div[data-title='Madame Dixie']").hide()

但它没用。

你是我最后的希望。以下指向源页面的链接（我没有提供链接，因为它需要注册） - https://www.dropbox.com/s/8qumlg4eh1ki41s/sourcecode.txt?dl=0

Answer 1

已经在Jsfiddle中对其进行了测试，但它确实有效。也许HTML中存在一些错误

<div data-title="Madame Dixie"></div>

$("div[data-title='Madame Dixie']").hide()

div {
width: 100px;
height: 100px;
background: red;
}