Question

I have many jquery click function, they are very similar, how to combine them for shorter code. (use regex or use array foreach?)

$(".menu").live('click', function() {
    var value = $(this).html();
    $('#menu').html(value);
});

$(".nav").live('click', function() {
    var value = $(this).html();
    $('#nav').html(value);
});

$(".list").live('click', function() {
    var value = $(this).html();
    $('#list').html(value);
});

Answer 1

This should do:

var elems = ["menu", "nav", "list"];
$.each(elems, function(i, elem){
    $("."+elem).live('click',function(){
        var value = $(this).html();
        $('#'+elem).html(value);
    });
});

1. Create a list of elements.
2. Loop through it using $.each
3. The second argument of the function equals the element in the list (menu, nav, ..)