Как получить идентификатор элемента на кнопку мыши в MooTools (1.1)

Question

У меня есть куча ссылок с предварительно не детерминированных идентификаторами, как так:

<a href="#" class="remove_pid" id="pid_123">Remove 123</a> 
<a href="#" class="remove_pid" id="pid_234">Remove 234</a> 
<a href="#" class="remove_pid" id="pid_567">Remove 567</a> 
<a href="#" class="remove_pid" id="pid_890">Remove 890</a> 

У меня есть обработчик событий, как так :

$$('.remove_pid').addEvents({ 
    'click': removePid 
}); 

, который вызывает эту функцию

function removePid(event) 
{ 
    alert('yo what is my element id???'); 
} 

Так что вопрос в том, как я получаю идентификатор элемента в функции removePid() ?

UPDATE:

@Aishwar, event.target.id, кажется, работает в следующих случаях, но не конкретно в моем случае

<a href="#" class="remove_pid"><img src="/123.jpg" id="pid_123"></a> 

UPDATE 2:

Я думал, что это несущественно, но вместо текста «Удалить 123» у меня действительно есть изображение:

<a href="#" class="remove_pid" id="pid_123"><img src="/123.jpg"></a> 

Итак, спасибо за @Dimitra за указание на это. Я был удивлен проголосованием, но рад сказать, что, вероятно, заслуживаю этого.

Answer 1

Думаю, что я нашел:

function removePid(event) 
{ 
    //alert('yo what is my element id???'); 
    $(event.target).getParent('a').getProperty('id'); 
} 

Это работает в FF 3,6

Answer 2

У меня нет опыта работы с mootools. Но я думаю, вы можете просто сделать что-то вдоль этих линий, в removePid:

var element = event.srcElement || event.target 
element.id // is the element's id, element is the DOM element itself 

Answer 3

согласно разметке, публикуемую в ОКОНЧАТЕЛЬНЫЙ обновление:

http://www.jsfiddle.net/dimitar/Sr8LC/

$$('.remove_pid').addEvents({ 
    'click': function(e) { 
     new Event(e).stop(); 
     var id = this.getProperty("id"); 
     alert(id); 
     alert(id.replace("pid_", "")); 
    } 
}); 

использовать указанную функцию и сохранить событие:

var removeProduct = function(e) { 
    new Event(e).stop(); 
    var id = this.getProperty("id"); 
    alert(id); 
    alert(id.replace("pid_", "")); 
}; 

$$('a.remove_pid').each(function(el) { 
    el.addEvents({ 
     'click': removeProduct.bind(el) 
    }); 
}); 

в обеих функциях this будет относиться к спусковому элементу (якорь), так что вы можете прочитать это свойство и т.д. this.getFirst() будет ссылаться на изображении (если вы хотите).