Javascript Mootools中是否存在类名称?

Javascript Mootools中是否存在类名称?,javascript,mootools,Javascript,Mootools,我想将这个非常简单的JS更新到Mootools 1.2,这并不容易。 此功能: function changeclass(x){ document.getElementById("content").className = "ziclass0"; document.getElementById("content").className = "ziclass" + x; } 在DOM中通过以下方式触发:

我想将这个非常简单的JS更新到Mootools 1.2,这并不容易。 此功能:

function changeclass(x){

                document.getElementById("content").className = "ziclass0";
                document.getElementById("content").className = "ziclass" + x; 

            }
在DOM中通过以下方式触发:

<div id="someclass">
        a href="javascript: changeclass(0)">Unstyled</a
        a href="javascript: changeclass(1)">link one</a
        a href="javascript: changeclass(2)">link two</a
        a href="javascript: changeclass(3)">link three</a
</div>
并在中相应地更改布局:

<div id="content" class="ziclass3"> ...  </div>
但是,如何获得内容类的类名呢

通过数组

我在这里有点困惑


我非常感谢任何帮助我走上正轨的人

这些都是MooTools的基础。无论如何,下面是如何更改元素集合的类名:

$$('#container a').each(function(link){
    link.addEvents({
        click: function(e){
            e.stop();

            this.set('class', 'newClassName');

            // to append a class
            // this.addClass('appendThisClass');
        }
    });
});
下面是一个工作示例:


都在文档中:

但这并不是我想要的。 触发元素(a)通过循环其位于“href”中的编号来调用css元素。 例:

结果: HTML:

在这里,我可以得到href中的数组值,如下所示:

    a href="1">Link one</a
a href="2">Link two</a

a href=“1”>链接一链接二嘿,太简单了。非常感谢。多亏了一个关于变量作用域的线程,我终于将这个简单的JS脚本移植到了Mootools 1.2。JSFIDLE上的示例:在处理它的过程中,我设计了一个滚动示例:CSS示例来自Matt Ward的一篇文章:创建漂亮的CSS3排版::Echo博客
$$('#container a').each(function(link){
    link.addEvents({
        click: function(e){
            e.stop();

            this.set('class', 'newClassName');

            // to append a class
            // this.addClass('appendThisClass');
        }
    });
});
a href="javascript: changeclass(1)">Link One</a
a href="javascript: changeclass(2)">Link Two</a
function changeclass(x){
document.getElementById("content").className = "ziclass" + x; 
}
a href="javascript: changeclass(1)">Link One</a
 a href="javascript: changeclass(2)">Link Two</a

<div id="content" class="ziclass1">
...
</div>
    var myArray = ["0","1","2", etc ...];
    function myFunction() {
    myArray.each(function(value, index, array){
    $(value).addEvent('click',function(event) {                       
    console.log(value); 
// add my class here
     });
    });
    };
    myFunction();
    a href="1">Link one</a
a href="2">Link two</a