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

时间:2012-11-06 18:22:34

标签: jquery html css

当我点击锚标记时,我想在body标记/ div和锚标记上添加一个类。

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

3 个答案:

答案 0 :(得分:2)

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>

答案 1 :(得分:0)

这应该可以解决问题。

$("li a").click(function(){
  $(this).addClass("class1");
  $("#body").addClass("class2");
});

答案 2 :(得分:0)

这里是广告类到主体和锚点本身   http://jsfiddle.net/testtracker/4nFUd/2/

$('ul li a').click(function(){
$('#body').addClass('classname-tobody');
$(this).addClass('classname-toanchor');
});​