简化JavaScript代码

前端之家收集整理的这篇文章主要介绍了简化JavaScript代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何简化此代码?如果需要,我可以将.PHP文件重命名为与ID元素完全相同的名称,因此可以使用$(“#locus”)/ js / zip /“id element”.PHP等等.这只是在有帮助的情况下.
<script type="text/javascript">
    $().ready(function() {
        $("#locus").autocomplete("/js/zip/us.PHP",{
            matchContains: true,matchFirst: true,mustMatch: false,selectFirst: false,cacheLength: 10,minChars: 1,autofill: false,scrollHeight: 150,width: 185,max: 20,scroll: true
        });
        $("#locca").autocomplete("/js/zip/ca.PHP",scroll: true
        }); 
        $("#locuk").autocomplete("/js/zip/uk.PHP",scroll: true
        });
        $("#locau").autocomplete("/js/zip/au.PHP",scroll: true
        });            
        $("#locie").autocomplete("/js/zip/ie.PHP",scroll: true
        });            
        $("#locot").autocomplete("/js/zip/ot.PHP",scroll: true
        });            
    });
    </script>

解决方法

如果您向HTML中的每个元素添加数据代码属性,如下所示:
data-code="uk"

然后你可以使用.data(“code”)访问这些代码,并将你的代码简化为:

$("input[data-code]").each(function() { // all inputs with data-code attribute
    $(this).autocomplete("/js/zip/" + $(this).data("code") + ".PHP",{ // insert code
        matchContains: true,scroll: true
    });
});

http://jsfiddle.net/uHhc7/1/

猜你在找的JavaScript相关文章