Javascript 尝试生成可重用代码，使用函数参数填充名为target的变量区域

尝试生成可重用代码，使用函数参数填充名为target的变量区域。我甚至不知道我是否能用这种方式

工作：

function loadBtn() {
    sizeOfPartnersList = $("#partners div.partner-wrapper").size();
    x=4;
    $('#partners div.partner-wrapper:lt('+x+')').css('display', 'table');
    $('.load-more-btn').click(function () {
        x= (x+4 <= sizeOfPartnersList) ? x+4 : sizeOfPartnersList;
        $('#partners div.partner-wrapper:lt('+x+')').css('display', 'table');

        var numberOfVisiblePartners = $('div.partner-wrapper:visible').size();

        if ( numberOfVisiblePartners ===  $("#partners div.partner-wrapper").size()) {
            $('.load-more-btn').hide();
        };
    });
}

$(document).ready(function () {
    loadBtn();
});

函数加载btn（）{
sizeOfPartnersList=$（“#partners div.partner-wrapper”）.size（）；
x=4；
$（'#partners div.partner-wrapper:lt（'+x+'））.css（'display'，'table'）；
$（'.加载更多btn'）。单击（函数（）{
x=（x+4字符串中存在一些错误，在连接字符串和变量时，始终需要使用
+

$('#partners div.'+ target ':lt('+x+')')

应该是

$('#partners div.'+ target +':lt('+x+')')

这里也一样：

$('#partners div.'+ target ':lt('+x+')').css('display', 'table');

var numberOfVisiblePartners = $('div.'+ target ':visible').size();

改为：

$('#partners div.'+ target +':lt('+x+')').css('display', 'table');

var numberOfVisiblePartners = $('div.'+ target +':visible').size();

注意在每行的
target
之后添加的
+

完整代码：

function loadBtn(target) {
    sizeOfPartnersList = $("#partners div." + target).size();
    x=4;
    $('#partners div.'+ target +':lt('+x+')').css('display', 'table');
    $('.load-more-btn').click(function () {
        console.log('loading-02');
        x= (x+4 <= sizeOfPartnersList) ? x+4 : sizeOfPartnersList;
        $('#partners div.'+ target +':lt('+x+')').css('display', 'table');

        var numberOfVisiblePartners = $('div.'+ target +':visible').size();

        if ( numberOfVisiblePartners ===  $("#partners div." + target).size()) {
            $('.load-more-btn').hide();
        };
    });
}

$(document).ready(function () {
    loadBtn('partner-wrapper');
});

函数加载BTN（目标）{
sizeOfPartnersList=$（“#合作伙伴部门”+目标）.size（）；
x=4；
$（“#partners div.+target+”：lt（“+x+”））.css（'display'，'table'）；
$（'.加载更多btn'）。单击（函数（）{
控制台日志（'loading-02'）；
x=（x+4对于您在本网站上提出的所有问题，请查看此处：
function loadBtn(target) {
    sizeOfPartnersList = $("#partners div." + target).size();
    x=4;
    $('#partners div.'+ target +':lt('+x+')').css('display', 'table');
    $('.load-more-btn').click(function () {
        console.log('loading-02');
        x= (x+4 <= sizeOfPartnersList) ? x+4 : sizeOfPartnersList;
        $('#partners div.'+ target +':lt('+x+')').css('display', 'table');

        var numberOfVisiblePartners = $('div.'+ target +':visible').size();

        if ( numberOfVisiblePartners ===  $("#partners div." + target).size()) {
            $('.load-more-btn').hide();
        };
    });
}

$(document).ready(function () {
    loadBtn('partner-wrapper');
});