javascript - JQuery 函数声明和重用

Question

我有以下 jQuery 代码

$('#rta_ad_yes').click(function(){
    $('#rta_ad_pref, #rta_ad_psn').prop('disabled', false);
    $('#div_ad_pref, #div_ad_psn').addClass('has-warning');
});

$('#rta_fp_yes').click(function(){
    $('#rta_ad_fpref, #rta_ad_fpsn').prop('disabled', true);
    $('#div_ad_fpref, #div_ad_fpsn').addClass('has-warning');
});

如果您查看上面的代码，我似乎正在执行相同的编码来实现相同的结果.. $('#rta_ad_yes') 和 $('#rta_fp_yes') 在两个不同的页面

抱歉没有提到我的问题，我如何声明和调用该函数提供参数，而不是一次又一次地输入整个内容。我不知道如何声明函数并在 jquery 中重用它，不太擅长 jquery

Answer 1

你可以尝试下面的代码。

function isEmpty (test_obj, element){
    if(!test_obj.val().length > 0){
        element.addClass('has-warning');
        return false;
    }else{
        element.removeClass('has-warning');
        return true;
    }
};

并像下面一样重复使用

var x = isEmpty($('#rta_cl_fn'), $('#div_cl_fn'));

希望有帮助