1-9编程练习

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>习题</title>
</head>
<body>

<h1>筛选和遍历jQuery对象</h1>

<ul>
    <li class="item1">item1</li>
    <li class="item2">item2</li>
    <li class="item3">item3</li>
    <li class="item4">item4</li>
    <li class="item5">item5</li>
    <li class="item6">item6</li>
    <li class="item7">item7</li>
    <li class="item8">item8</li>
    <li class="item9">item9</li>
</ul>

<script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script>
    // $(function () {
    //     console.log($('li').map(function(index,domElement){
    //         return $(this).text();
    //     }));

    // });
    $(function(){
        console.log($('li').each(function(index,domElement){
            // return this.innerHTML;
            return $(this).text();
        }));
    });
</script>
</body>
</html>

老师帮看下，map和each写的有问题么？为什么我用each()的两个方法显示出来的是前面有个li.?应该怎么写才没有？

[li.item1, li.item2, li.item3, li.item4, li.item5, li.item6, li.item7, li.item8, li.item9, prevObject: jQuery.fn.init[1], context: document, selector: "li"]

莨菽菽 2017-06-20

源自：jQuery DOM操作 1-16 筛选和遍历jQuery对象

189

收起

1回答

小于飞飞 2017-06-20 11:11:29

你还，可以看看这两个问题：http://class.imooc.com/course/qadetail/8752 和 http://class.imooc.com/course/qadetail/7883 。学习过程可以先看看大家的提问，看看是否可以解决问，同时动手操作下，从中总结经验呦。希望对你有帮助，祝学习愉快。

收起回答

提问者莨菽菽 #1

看过了，Map的一样，你写的each也能明白，但是我写的那个each还是不明白为什么为什么有个Li,我在每个循环返回的是内容text(),还是麻烦解答一下

2017-06-20 15:08:41
卡布琦诺回复提问者莨菽菽 #2

console.log($('li').map(function(index,domElement){｝和 console.log($('li').each(function(index,domElement){}写法错误 console.log($('li')是打印出来呀，建议修改成 <script> $(function () { //此处写代码 var text=$('li').map(function(){ return this.innerText; }) console.log(text); }); </script>

2017-06-20 21:06:45
提问者莨菽菽回复卡布琦诺 #3

console.log($('li').map(function(index,domElement){｝没有错，是只打印字符串存在类数组对象，你的写法就是多定义一个text而已 console.log($('li').each(function(index,domElement){}我算是明白了，因为each()方法没有返回值，function是内置函数，我写的返回值并不是jq对象的返回值，所以把jq也打印出来了，麻烦看一下这个问题：http://class.imooc.com/course/qadetail/9355 还有麻烦推荐一本jq的书深入看下（锋利的jq这个书怎么样）？

2017-06-20 21:51:16