Forums

<table id="mylist">
  <tr id="msg_2">
      <td>
         <span>asdf asdf asdf</span>
         <a href="#" id="del_2">delete</a>
      </td>
  </tr>
</table>
<script>
var onMyClick = function (event, matchedEl, container) {
alert(matchedEl.id);
}
Event.delegate("mylist","click",onMyClick,"a");
Event.delegate("mylist","click",onMyClick,"td>span");
</script>

<table id="mylist">
  <tr id="msg_2">
      <td><img src="/userPic.jpg"></td>
      <td>
         <div>UserName
         <a href="#" id="del_2">delete</a>
         </div>
         <div class="msgSnippet">asdf asdf asdf asdf asdf</div>
      </td>
  </tr>
</table>
<script type="text/javascript">
(function() {
    var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event;
    var onMyClick = function (event, matchedEl, container)
    {
        var tar = Event.getTarget(event);
        if (tar.tagName.toLowerCase() == 'a')
        {
            alert(tar.id);
        }
        else if (matchedEl.tagName.toLowerCase() == 'tr')
        {
            alert(matchedEl.id);
        }
};
Event.delegate("mylist", "click", onMyClick, "tr");
})();
</script>