jquery - 如何在 body 标签/div 上添加和更改类

Question

我想在单击 anchor 标记时在 body 标记/div 和 anchor 标记上添加一个类。

Here is my jsFiddle File.

<div id="body">
 <!-- background image here -->

</div>

<ul>
    <li><a href="#">First Option</a></li>
    <li><a href="#">Second Option</a></li>
    <li><a href="#">Third Option</a></li>
</ul>​

Answer 1

http://jsfiddle.net/4nFUd/5/

为点击添加一个事件监听器并根据需要修改...

<script>
$('ul').on('click','a',function(){
    $('#body').css('background',$(this).attr('rel'));
    $(this).addClass($(this).attr('rel'));
});
</script>
<div id="body">
 <!-- background image here -->

</div>

<ul>
    <li><a href="#" rel="blue">First Option</a></li>
    <li><a href="#" rel="green">Second Option</a></li>
    <li><a href="#" rel="yellow">Third Option</a></li>
</ul>