怎么会多一个".li9"的元素出来????!!!

怎么会多一个".li9"的元素出来????!!!

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    <ul>
        <li class="li1">第1个li</li>
        <li class="li2">第2个li</li>
        <li class="li3">第3个li</li>
        <li class="li4">第4个li</li>
        <li class="li5">第5个li</li>
        <li class="li6">第6个li</li>
        <li class="li7">第7个li</li>
        <li class="li8">第8个li</li>
        <li class="li9">第9个li</li>
    </ul>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script>
        var li5=$(".li5");
        //补充代码
li5.next().html('我被改变了');
        li5.prev('.li4').html('我也被改变了');
console.log(li5.nextUntil('.li7'));
console.log(li5.prev('.li4'));

    </script>
</body>
</html>

http://img1.sycdn.imooc.com//climg/5b91307300011d9e05740518.jpg

请问这个"w"原型是什么,为什么我这样写有时候会打印出“.li8”和“.li9”???

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    <ul>
        <li class="li1">第1个li</li>
        <li class="li2">第2个li</li>
        <li class="li3">第3个li</li>
        <li class="li4">第4个li</li>
        <li class="li5">第5个li</li>
        <li class="li6">第6个li</li>
        <li class="li7">第7个li</li>
        <li class="li8">第8个li</li>
        <li class="li9">第9个li</li>
    </ul>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script>
        var li5=$(".li5");
       
        //补充代码
li5.next().html('我被改变了');
        li5.prev('.li4').html('我也被改变了');

console.log(li5.nextUntil('.li7'));
        console.log(li5.prev('.li4'));
    </script>
</body>
</html>

http://img1.sycdn.imooc.com//climg/5b9131240001c17e05420362.jpg

有点十万个为什么啊啊啊 ???

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
妮可妮可妮_ 2018-09-07 10:15:56

请同学将"w"原型点开截图上传,因为使用的不同浏览器,浏览器的解析机制不同可能会有些偏差,

http://img1.sycdn.imooc.com//climg/5b91df280001a73106140207.jpg

测试了同学的第二个代码,并没有出现所述情况,请问同学使用的是什么浏览器,并且将控制台截图完成上传,以便更好地测试和解决问题.

  • 提问者 panjiehui #1
    是Safari浏览器,新打开有时会打印li9,有时是li8,再刷新就正常的弹出li6和li4了
    2018-09-07 11:00:20
  • 妮可妮可妮_ 回复 提问者 panjiehui #2
    你好同学,使用了Safari浏览器也是可以成功运行的,没有所述的情况, 1. 请同学同学将"w"原型点开截图上传以便更好地测试和解决问题. 2. 建议同学清除缓存重新测试,并且因为市面上的浏览器有很多,不同的浏览器内核不同,解析机制也不同,在我们初学阶段建议同学使用谷歌或者火狐浏览器测试效果,
    2018-09-07 11:38:38
  • 提问者 panjiehui #3
    可是。。mac找不到谷歌火狐浏览器下载啊。。。。什么情况啊
    2018-09-07 12:47:41
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师