如何将其转换为可链接的jquery函数?

前端之家收集整理的这篇文章主要介绍了如何将其转换为可链接的jquery函数?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我的函数根据data属性返回一个过滤的(数组)项列表.

如果我可以将这个功能链接起来,我想要它:

$(document).ready(function (){
    function filterSvcType (svcType) {
        var selectedServices = $("#service-list div");
        var chose = selectedServices.filter(function() {
            return $(this).data("service-type") ==  svcType;
        });

        console.log(chose);             
    }
    filterSvcType("hosting");       
});

我想要做的是这样称呼它:

filterSvcType("hosting").fadeOut(); 

我该怎么做呢?

最佳答案
您需要添加的是返回选择;在你的console.log调用之后.

但你也可以把它变成一个jQuery插件

(function($) {
    $.fn.filterServiceType = function(svcType){
       return this.filter(function(){
           return $(this).data("service-type") ==  svcType;
       });
    };
})(jQuery);

然后你可以打电话给

$('#service-list div').filterSvcType('hosting').fadeOut();

哪个更jQueryish.

猜你在找的jQuery相关文章