Question

当我移动到文档中的新元素时，它会被绘制，这是可以的。但是当我离开那个元素时，我需要它来清除那个颜色并且应该按照颜色按钮。我怎样才能做到这一点？谢谢你的帮助！

以下是一个示例链接：http://jsfiddle.net/centerwow/9TPtn/10/

HTML code：

<ul>ul1
    <li>1</li>
    <li>2</li>
    <li class="point_me">3</li>
    <li>4</li>
    <li>5</li>
</ul>
<ul>ul2
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

<br/>

<div>
    <p id="Pr"><button>Prev</button></p>
    <p id="Ne"><button>next</button></p>
    <p id="Si"><button>siblings</button></p>
    <p id="Ch"><button>children</button></p>
    <p id="Pa"><button>parent</button></p>
</div>

CSS代码：

div, li {
    width:40px; height:40px; margin:10px;
    float:left; border:2px blue solid; 
    padding:2px;
}

ul {
    width:100px; height:10px; margin:10px;
    float:left; border:2px blue solid; 
    padding:2px;
}

span {
    font-size:14px;
}

p {
    clear:left; margin:10px
}

jQuery代码：

var $elm = $(".point_me");
$elm.css("background", "#cac");

$("#Pr").click(function() {
    $elm = $elm.prev();
    $("div").css("background", "");
    $elm.css("background", "#cac");
});

$("#Ne").click(function() {
    $elm = $elm.next();
    $("div").css("background", "");
    $elm.css("background", "#cac");
});

$("#Si").click(function() {
    $elm = $elm.siblings();
    $("div").css("background", "");
    $elm.css("background", "#cac");
});

$("#Pa").click(function() {
    $elm = $elm.parent();
    $("div").css("background", "");
    $elm.css("background", "#cac");
});

Answer 1

请更好地描述您的问题。

这是你想要的吗？

http://jsfiddle.net/9TPtn/11/

function resetColor(){
    $('li').css("background","transparent");
}

遍历HTML：当我移动到另一个元素时，如何隐藏颜色？

1 个答案: