如何使用mootools根據其值刪除超鏈接？

Question

在下面的代碼中如何去除基於超鏈接值的li？

<ul class="clean menu sub"> 
    <li> 
     <a cat="tech" class="sec_net_1" href="javascript:void(0);" name="&amp;lid=choose_category_internet_fios" rel="1">FiOS Internet</a> 
    </li> 
    <li> 
     <a cat="tech" class="sec_net_1" href="javascript:void(0);" name="&amp;lid=choose_category_internet_hsi" rel="1">High Speed Internet</a> 
    </li> 
    <li class="last" style="margin-bottom:7px;"> 
     <a cat="tech" class="sec_net_1" href="javascript:void(0);" name="&amp;lid=choose_category_internet_dialup" rel="1">Dial-up</a> 
    </li> 
</ul> 

我得到了變量中超鏈接的值。現在基於這個值，其他2個li應該被刪除。我們如何使用mootools來實現這一點？

現在，如果我得到標誌=「撥號」，其他2裏的應刪除的代碼應該是這樣的：

<ul class="clean menu sub"> 
    <li class="last" style="margin-bottom:7px;"> 
     <a cat="tech" class="sec_net_1" href="javascript:void(0);" name="&amp;lid=choose_category_internet_dialup" rel="1">Dial-up</a> 
    </li> 
</ul> 

在這裏，我得到旗從服務器的值。

Answer 1

如果你可以在鏈接名利用該解決方案是一個單行：

http://jsfiddle.net/5axJc/

$$("ul.menu :not(a[name='&li=choose_category_internet_dialup']) !> li").destroy() 

呼籲摧毀一個集（我會用在產品代碼document.getElements）會打電話給你方法對其中的每個元素。

在選擇表達有幾種深奧選擇器，也許值得一些更深的解釋：

• ul.menu是基於普通類選擇
• ：否（A [名=」 & LI = choose_category_internet_dialup']）
  基於所述name屬性，這些屬性做:not()匹配的值選擇鏈接
• ！>是父選擇

因此你可以閱讀選擇爲：

選擇所有的李進菜單UL是一個錨，其名稱是不是你想要的價值的父親。

編輯

只選擇是搜索一個家長李只是 ul.sub a[name='&lid=choose_category_internet_fios'] !> li選擇它，並基於該 選擇具有~ li所有的兄弟姐妹。結果就是這樣。

$$("ul.sub a[name='&lid=choose_category_internet_fios'] !> li ~ li").dispose() 

請注意，我們已經擺脫了：not（）選擇器。對我來說，這是一個更線性的方式來完成任務。