Getting the attribute value of anchor tag in 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>

Now I need to select the "cat" value of Fios Voice. How can I do this in Mootools v1.3.2? Need to set the value in cookie.

Answer 1

This script gets the property of link on click event.

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

For case when <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> has 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);
    }
})