Event doesn't get added in a for-loop

Question

This is the html. If a link is clicked I want to replace the span-element in front of it with some text.

that1          


        

Answer 1

Don't create functions in a loop. With jQuery, there's no need for an explicit loop at all.

$(function()
{
    $('span[id^=sp]').each(function(n)
    {
        $('#update' + n).click(function(e)
        {
            $('#sp' + n).replaceWith(this);
            return false;
        });
    });
});

Demo: http://jsfiddle.net/mattball/4TVMa/

---

You can do way better than that, though:

$(function()
{
    $('p > a[id^=update]').live('click', function(e)
    {
        $(this).prev().replaceWith(this);
        return false;
    });
});

Demo: http://jsfiddle.net/mattball/xySGW/