mootools - 获取UL中锚标签的属性值

Question

<div class="content">
    <ul class="clean menu" id="topics">
        <li class="drop png">
            <div>
                <span href="#" id="phone" style="BACKGROUND-POSITION: 13px -79px">Phone</span>
            </div>
            <ul class="clean menu sub">
               <li>
                   <a cat="tech" class="sec_phone_0" href="javascript:void(0);" name="&amp;lid=choose_category_phone_digital" rel="1">FiOS Digital Voice</a>
               </li>
               <li class="last">
                   <a cat="tech" class="sec_phone_1" href="javascript:void(0);" name="&amp;lid=choose_category_phone_dialup" rel="1">Home Phone(Copper)</a>
               </li>
               <li class="last">
                   <a cat="tech" class="sec_phone_2" href="javascript:void(0);" name="&amp;lid=choose_category_phone_fiosVoice" rel="1">FiOS Voice</a>
               </li>
               <li class="last" style="margin-bottom:7px;">
                   <a cat="tech" class="sec_phone_2" href="javascript:void();" name="&amp;lid=choose_category_phone_wireless" rel="1">Verizon Wireless</a>
               </li>
           </ul>
       </li>
    </ul>
</div>

现在我需要选择 Fios Voice 的“cat”值。如何在 Mootools v1.3.2 中做到这一点？需要在cookie中设置值。

Answer 1

该脚本在点击事件中获取链接的属性。

window.addEvent('domready',function(){
    $$('ul.sub')[0].getElements('a').each(function(el,ind){
        el.addEvent('click',function(){
            var cat = el.getProperty('cat');
            alert(cat)
        })
    })
})

如果<a cat="tech1" class="sec_phone_0 active" href="javascript:void(0);" name="&amp;lid=choose_category_phone_digital" rel="1">FiOS Digital Voice</a>有class="active"

window.addEvent('domready',function(){
    if($$('ul.sub')[0].getElements('a.active')[0]){
        var cat = $$('ul.sub')[0].getElement('a.active').getProperty('cat');
        alert(cat);
    }
})