thank you for this article, which is pretty much the first stuff I read about jquery.

I found jquery while looking for a solution to my jquerylightbox problem: I refresh my “content” div with new content and the lightbox won´t work anymore. So event delegation seems to be the solution, but I am not sure how to set it up.

I need to keep all links within my content div and the tag rel=”shadowbox” binded to the the lightbox:

$(function() {
$(‘a[@rel*=lightbox]‘).lightBox();

});

A little help please! :)

thank you!

You would want to find the “highest” td element between the event target and the wrapping delegation element (i.e. the td that’s closest to “this”).

Would this be the best way?

$(function() {
    $('table.outer').click(function(event) {
        var parentCells = $(event.target).parentsUntil(this).filter('td');
        var outermostCell = $.merge($(event.target), parentCells).last();

        // now do something with outermostCell
  });
});

thanks.

if ($tgt.is(‘td’)) {
$thisCell = $tgt;
} else if ($tgt.parents(‘td’).length) {
$thisCell = $tgt.parents(‘td:first’);
}

You can simply do this (jQuery 1.3 and above)

$thisCell = $tgt.closest(‘td’);

Closest first looks at the initial element to see if it matches the selector, and if it doesn’t goes up through the DOM tree and finds the first element that matches the selector.

Might be a good idea to replace the code in the main article.