javascript - jquery结合类似的代码

Question

我有很多jquery点击函数，它们非常相似，如何将它们组合起来以获得更短的代码。 (使用regex或使用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

这应该做:

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

1. 创建元素列表。
2. 使用 $.each 循环遍历它
3. 函数的第二个参数等于列表中的元素(menu、nav、..)