將4行Jquery轉換為Mootools

Question

以下代碼行可做兩件事。 前兩行在具有給定id的元素之前和之后立即向兄弟姐妹添加類（在本例中為ID為“ nav”的UL）

最后兩行將第一個和最后一個類添加到其父代的ID為“ nav”的第一個和最后一個兄弟元素。

這是jQuery。 如何使用Mootools 1.11實現相同的功能。 任何幫助表示贊賞。

$('#nav .active').prev().addClass('prevtab');
$('#nav .active').next().addClass('nexttab');
$('#nav').children(":first").addClass('first');
$('#nav').children(":last").addClass('last');

---

格式在注釋中不起作用，因此請重復執行zombat：

使用mootools 1.1我沒有可用的編輯按鈕，因為我沒有足夠的代表，所以我無法發表評論。

您的解決方案正在做某事，但沒有針對正確的元素。

這是我想要的結果，並且正在使用jquery：

<ul id="nav">
<li class="first"></li>
<li></li>
<li class="prevtab"></li>
<li class="active"></li>
<li class="nexttab"></li>
<li class="last"></li>
</ul>

這是您的js的結果：

<div class="prevtab"></div>
<ul id="nav">
<li></li>
<li></li>
<li></li>
<li class="active"></li>
<li></li>
<li></li>
</ul>
<div class="nexttab"><div>

Answer 1

試一下。

$('nav').getNext().addClass('nexttab');
$('nav').getPrevious().addClass('prevtab');
var c = $('nav').getChildren();
c[0].addClass('first');
c[c.length-1].addClass('last');

編輯：現在工作。

第二次/第三次編輯：

好的，我誤解了您使用.active類的方式。 嘗試這個：

var n = $('nav').getElement('.active').getNext();
if (n) n.addClass('nexttab');
var p = $('nav').getElement('.active').getPrevious();
if (p) p.addClass('prevtab');
var c = $('nav').getChildren();
c[0].addClass('first');
c[c.length-1].addClass('last');

Answer 2

$each($$('#nav .active'),function(item){
                            item.getPrevious().classname='prevtab';
                         }
      );

這是第一行。

其次，您可以使用getNext
第三，您可以使用$（'＃nav'）。getFirst //確保它有孩子。
第四，您可以使用getLast