javascript - 如何将 2 个或更多 jquery 函数与执行相同操作但名称不同的元素组合起来

Question

我想创建一个函数来识别正在单击的 playimg 实例以及要淡入的弹出窗口。我有大约 5 个这样的函数，并且希望尽可能地压缩代码。
我怎样才能将其重写为一个函数？

$('#playimg2').click(function() {
    $('#popup2').fadeIn('fast', function() {
        // Animation complete.
    });
});

$('#playimg3').click(function() {
    $('#popup3').fadeIn('fast', function() {
        // Animation complete.
    });
});

$('#playimg4').click(function() {
    $('#popup4').fadeIn('fast', function() {
        // Animation complete.
    });
});

Answer 1

你可以使用

$(document).ready(function(){
    $('[id*="playimg"]').on('click',function(){
        var thisNum = $(this).attr('id').match(/\d+/);
         $('#popup'+thisNum).fadeIn('fast', function() {
            // Animation complete.
        });
    });
});

JSFIDDLE