1 - 15编程练习

<!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://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        var li5=$(".li5"),
            li6 = li5.nextUntil('.li7'),//不包括匹配元素
            li6d = li6.get(0),
            li4 = li5.prev('li'),
            li4d = li4.get(0);
            li6d.innerHTML = "我被改变了";
            li4d.innerHTML = "我也被改变了";
        //补充代码
    </script>
</body>
</html>

目訫 2018-10-17

源自：jQuery DOM操作 1-15 编程练习

收起

3回答

妮可妮可妮_ 回答被采纳获得+3积分 2018-10-17 11:13:04

测试了你的代码,效果可以实现

继续加油!

收起回答

目訫提问者 #1

var char = document.getElementById("char1"), oImg = char.getElementsByClassName("list11"), lays = document.getElementsByClassName("lay1"), a = 0; for(var i = 0; i < oImg.length;i++) { oImg[i].index = i; oImg[i].onmouseover = function() { lays[this.index].style.display = "block"; }; oImg[i].onmouseout = function() { setTimeout(function() { lays[this.index].style.display = "block"; },5000); }; } 这段代码为什么会找不到setTimeout里面的DOM元素啊？老师帮忙看一下。

2018-10-18 13:53:25
妮可妮可妮_ 回复提问者目訫 #2

你好同学,只有js代码没有办法准确找到问题之处,建议新开问答将完整代码上传,包括Js html 等等所有有关联的都要上传哦~以便更好的检测和解决问题，祝学习愉快。

2018-10-18 14:42:28

提问者目訫 2018-10-18 13:55:36

var char = document.getElementById("char1"),
    oImg = char.getElementsByClassName("list11"),
    lays = document.getElementsByClassName("lay1"),
    a = 0;
for(var i = 0; i < oImg.length;i++) {
    oImg[i].index = i;
    oImg[i].onmouseover = function() {
        lays[this.index].style.display = "block";
    };
oImg[i].onmouseout = function() {
    setTimeout(function() {
        lays[this.index].style.display = "block";
    },5000);
};
}

收起回答

提问者目訫 2018-10-18 13:54:03

var char = document.getElementById("char1"),
oImg = char.getElementsByClassName("list11"),
lays = document.getElementsByClassName("lay1"),
a = 0;
for(var i = 0; i < oImg.length;i++) {
oImg[i].index = i;
oImg[i].onmouseover = function() {
lays[this.index].style.display = "block";
};
oImg[i].onmouseout = function() {
setTimeout(function() {
lays[this.index].style.display = "block";
},5000);
};
}

收起回答