How to add / remove CSS class dynamically

marcel ethan 3088 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!

Ask by marcel ethan

Updated 16 Apr 2013

1 Answers

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>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

How to add / remove CSS class dynamically

Can you answer this question?

1 Answers