如何在Motoools中使用CSS2 Selector找到一个元素并隐藏它？

Question

如何通过Mootools的Css Selector在＃conttile2中找到带有class =“rocon.rocon-br”的span元素？这个元素是由Javascript（圆角）动态创建的，所以这就是我在Dragonfly Dom树中看到的：

html > body > div#wrapper.wrapper > div#penalties.container > h2#conttitle2.rc10.rocon__8.rocon-init > span.rocon.rocon-br

树中还有其他元素。

我试图得到它并像这样隐藏：

$$('h2#conttitle2>span.rocon.rocon-tl').each(function(corners) {corners.setStyle('display','none');});

偶数

$('conttitle2').getElements('span[class=rocon rocon-tl]').each(function(corners) {corners.setStyle('display','none');});

但它根本不会隐藏:( 你能否告诉你隐藏这个元素的正确语法是什么？

Answer 1

试试这个选择器：

#conttile2 > span[class~="rocon.rocon-br"]

attribute selector [attr~=value]用于以空格分隔的列表，例如class属性的值。