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

西尔维亚·亚当斯·埃普利

我正在与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。文件,什么也没有。

您可以在此处查看插件的演示-> WP Polling Link演示

乔什·克罗齐耶(Josh Crozier)

如果未选中部分文本,则无法隔离。您需要一种针对它的方法。

jsFiddle在这里

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

的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;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

运行规格时出错:Poltergeist使用CSS选择器检测到另一个元素

来自分类Dev

使用xpath选择另一个元素

来自分类Dev

WPF通过元素名称将属性绑定到另一个元素属性

来自分类Dev

css3选择器问题:悬停效果另一个元素

来自分类Dev

选择另一个元素内的第一个元素

来自分类Dev

:hover选择器即使在另一个元素后面也被检测到

来自分类Dev

在定位:after元素时,为什么`top`属性没有被另一个选择器覆盖

来自分类Dev

jQuery选择器提取子项并将其追加到另一个元素

来自分类Dev

在另一个元素的父元素中选择一个元素

来自分类Dev

硒-在表中的另一个元素之后选择一个元素

来自分类Dev

如何从选择器中获取一个元素

来自分类Dev

CSS选择器:在存在一个类但没有另一个类时,在:element伪元素之前

来自分类Dev

Ruby-无法将另一个范围的元素替换为另一个

来自分类Dev

如何通过materialUI中的withStyle通过另一个元素选择器更改元素的样式

来自分类Dev

迭代器:将最后一个元素与另一个值配对

来自分类Dev

选择ID为另一个元素中属性的元素

来自分类Dev

根据另一个元素属性选择元素

来自分类Dev

在向变量中添加变量后,向jQuery选择器中添加另一个元素

来自分类Dev

jQuery选择器查找最后一个元素

来自分类Dev

另一个元素的核心选择器触发了Polymer Paper-Dropdown的核心选择事件

来自分类Dev

XPath:如何选择属性值等于另一个元素值的元素

来自分类Dev

一个类调用另一个类的方法(nstimer),该方法无法调用选择器

来自分类Dev

将元素属性分配给另一个元素的innerhtml。Javascript / HTML

来自分类Dev

根据另一个元素的位置选择一个xpath元素

来自分类Dev

如何从选择器中获取一个元素

来自分类Dev

CSS选择器:在存在一个类但没有另一个类时,在:element伪元素之前

来自分类Dev

将选择器选择的词典值放在另一个选择器中

来自分类Dev

如何选择另一个元素内的元素?

来自分类Dev

无法通过另一个控制器控制另一个 fxml 文件的元素

Related 相关文章

  1. 1

    运行规格时出错:Poltergeist使用CSS选择器检测到另一个元素

  2. 2

    使用xpath选择另一个元素

  3. 3

    WPF通过元素名称将属性绑定到另一个元素属性

  4. 4

    css3选择器问题:悬停效果另一个元素

  5. 5

    选择另一个元素内的第一个元素

  6. 6

    :hover选择器即使在另一个元素后面也被检测到

  7. 7

    在定位:after元素时,为什么`top`属性没有被另一个选择器覆盖

  8. 8

    jQuery选择器提取子项并将其追加到另一个元素

  9. 9

    在另一个元素的父元素中选择一个元素

  10. 10

    硒-在表中的另一个元素之后选择一个元素

  11. 11

    如何从选择器中获取一个元素

  12. 12

    CSS选择器:在存在一个类但没有另一个类时,在:element伪元素之前

  13. 13

    Ruby-无法将另一个范围的元素替换为另一个

  14. 14

    如何通过materialUI中的withStyle通过另一个元素选择器更改元素的样式

  15. 15

    迭代器:将最后一个元素与另一个值配对

  16. 16

    选择ID为另一个元素中属性的元素

  17. 17

    根据另一个元素属性选择元素

  18. 18

    在向变量中添加变量后,向jQuery选择器中添加另一个元素

  19. 19

    jQuery选择器查找最后一个元素

  20. 20

    另一个元素的核心选择器触发了Polymer Paper-Dropdown的核心选择事件

  21. 21

    XPath:如何选择属性值等于另一个元素值的元素

  22. 22

    一个类调用另一个类的方法(nstimer),该方法无法调用选择器

  23. 23

    将元素属性分配给另一个元素的innerhtml。Javascript / HTML

  24. 24

    根据另一个元素的位置选择一个xpath元素

  25. 25

    如何从选择器中获取一个元素

  26. 26

    CSS选择器:在存在一个类但没有另一个类时,在:element伪元素之前

  27. 27

    将选择器选择的词典值放在另一个选择器中

  28. 28

    如何选择另一个元素内的元素?

  29. 29

    无法通过另一个控制器控制另一个 fxml 文件的元素

热门标签

归档