高亮选中项:给所有有menuitem这个样式的元素添加click监听事件,当click的时候,向被点击的元素添加highlight这个样式,然后从其兄弟节点(siblings)中移除highlight风格。“.”的时候是针对的上一步的返回值的节点集合的操作。链式编程就是对象一棒棒向下传,能不能正确传下来要看返回值,html()不能传,prevAll().nextAll()也传错。
$("#tableRating td").click(function() { $(this).prevAll().next().html("a"); });//经典!
<style type="text/css">
.menuitem{background-color:Yellow; }
.highlight { background-color: Red;}
</style>
$(function() {
$(".menuitem").click(function() {
$(this).addClass("highlight").siblings().removeClass("highlight");
});
});
<p class="menuitem">111111</p><br />
<p class="menuitem">111111</p><br />
<p class="menuitem">111111</p><br />