forum

Home / DeveloperSection / Forums / How to add / remove CSS class dynamically

Ask Question

How to add / remove CSS class dynamically

marcel ethan 2691 16-Apr-2013
Hi Everyone!

I want to add and remove css class dynamically using javascript or jquery in html.

please help me!

Thanks in advance!
css-css3 css-css3 
Updated on 16-Apr-2013
marcel ethan

marcel ethan

Follow

Can you answer this question?

Answer

1 Answers

AVADHESH PATEL

AVADHESH PATEL

16-Apr-2013
Hi Marcel!

You can do as below

<div id="div1" class="getid">       
</div>
<div id="div2" class="getid">        
</div>
<style type="text/css">
        .setpos
        {
            position: relative;
            z-index: 1;
        }
    </style>
<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function () {
            jQuery(".getid").click(function () {
                jQuery("#div1").removeClass("setpos");
                jQuery("#div2").removeClass("setpos");
                var getid = jQuery(this).attr('id');
                jQuery("#" + getid).addClass("setpos");
            });
        });
</script>

Liked By