Question

我正在使用WP Easy Poll插件，在那里人们会投票给不同类别的被提名者。当您使用此WP Easy Poll插件时，您单击被提名者的姓名并禁用动画并显示投票数，或者您可以选择显示计算的投票百分比。这是通过jquery和PHP完成的。

我希望人们能够在线投票，但我不希望他们看到谁的获奖直到颁奖。所以我认为一个简单的解决方法是使用属性选择器来隐藏投票数，但是当我这样做时，它隐藏了被提名者的名字和投票。我不能只选择一个 - 有人可以帮忙吗？我尝试了一切:(

这是我试图用来隐藏Dikla Carmel旁边的“20％”的选择器：

div[data-myo-perc="yes"]{display:none;}

<div data-myo-poll-id="334" data-myo-clicked="yes" data-myo-option="0" data-myo-perc="yes" class="myo-poll-votes myo-poll-334 myo-poll-bar" id="myo-poll-334-votes-0" style="cursor: default;">Dikla Carmel 20%</div>

这不起作用。这将取出被提名人的名字和“20％”。我想做的就是隐藏“20％”，直到颁奖典礼后的第二天，然后选民们可以上网看看胜利者赢了多少。名称的属性是id =“myo-poll-340-votes-1”，所以我不明白它为什么选择名称和百分比。我已经尝试了一切。。。

div[data-myo-perc*="yes"]{display:none;} ---> No good
div[data-myo-perc^="yes"]{display:none;} ---> No good
div[data-myo-perc~="yes"]{display:none;} ---> No good
div[data-myo-perc$="yes"]{display:none;} ---> No good

我正在尝试为客户做这件事 - 但现在我开始感到困惑，我已经没有想法了。有人可以帮忙吗？我看着js。和css。文件，没有。

你可以在这里看到插件的演示 - ＆gt; WP Polling Link Demo

Answer 1

如果未选中，则无法隔离部分文本。你需要一种方法来定位它。

jsFiddle here

这就是你想要实现的目标。它有效地隐藏了百分比，但显示了名称。

HTML

<div data-myo-poll-id="334" data-myo-clicked="yes" data-myo-option="0" data-myo-perc="yes" class="myo-poll-votes myo-poll-334 myo-poll-bar" id="myo-poll-334-votes-0" style="cursor: default;">Dikla Carmel<span>20%</span></div>

CSS

div[data-myo-perc="yes"] span {
    display: none;
}

属性选择器：无法将一个元素与另一个元素隔离

1 个答案: