mootools - mootools 自我参考

Question

我如何处理 mootools 中的自引用？在使下一个容器可见后，我将删除单击的“删除”按钮。使用 Jquery，我可以通过“this”运算符来完成。

 window.addEvent('domready', function(){

        $$('div.showButton').addEvent('click', function(){

        // show next Container 
        $$('div.container').getNext().show('inline');   

        // remove this "showButton"
        $(this).remove() // not working

        });
        });





   <!-- container 1 -->
    <div class="container">

        <div class="showButton">Show next container</div>
        <div class="hideButton">hide this container</div>

    </div>

    <!-- container 2 -->
    <div class="container" style="display:none">

        <div class="showButton">Show next container</div>
        <div class="hideButton">hide this container</div>

    </div>

Answer 1

您必须记住 mootools 不是 jquery，它们在实现方面有所不同。

首先 $$ 函数返回元素数组而不是元素，因此您不能在数组上调用 show - 您必须获取所需的元素（通常是第一个）。

其次 - 您可以使用 $(this) 调用当前元素，但这有点不必要，因为您已经在元素事件中，所以您可以使用“this”：

http://jsfiddle.net/kk4gz/2/

    $$('div.showButton').addEvent('click', function(){

       // show next Container 
       $$('div.container')[0].getNext().show('inline');   

       // remove this "showButton"
       this.remove();

    });