jQuery中map()方法和each()方法

应用场景：

<ul class="urls">
    <li class="url"><a href="http://www.baidu.com"  id="baidu">baidu</a></li>
    <li class="url"><a href="http://www.google.com" id="google">google</a></li>
    <li class="url"><a href="http://www.github.com" id="github">github</a></li>
</ul>

现在我要把这三个url的id用“%”拼接起来，下面就用jquery中遍历的两种方式分别实现

1.map()方法：

//map
var idList = "";
idList = $('.url').map(function() {
    return $(this).children('a').attr('id');
}).get().join("%");

console.log(idList);

输出： baidu%google%github

2.each()方法：

//each
var idList = "";
$('.url').each(function() {
    var id = $(this).children('a').attr('id');
    idList += (id + "%");
});
console.log(idList);

输出： baidu%google%github%

each()方法后面有了多余的%，在这个场景里不算太优雅，map()方法很漂亮的完成了任务。

一篇很好的文章：http://blog.csdn.net/woshixuye/article/details/7416949