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

当我移动到文档中的一个新元素时，它会被绘制，这没关系。但是当我离开那个元素时，我需要它来清除那个颜色，并且应该遵循颜色按钮。我该怎么做？谢谢你的帮助

下面是一个示例链接：

HTML代码：

<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>

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");
});​

---

请更好地描述你的问题

这是你想要的吗

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");
});​

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