remove class - jquery

Question

I want to remove this class on checkbox toggle.

$("#checkbox").toggle(function () {
    var it0 = $('#IT0').text();
    var ip1 = $('#sv1').text();

    var TC = "<div class='" + ip1 + "' id='" + it0 + "'><input type='text' name='test' value='" + ip1 + "'></div>";

    $('#selected').html(TC);
}, function () {
    var it0 = $('#IT0').text();
    var ip1 = $('#sv1').text();
    $("#" + it0).removeClass("." + ip1);
});

I am not sure why the remove class is not working on "<div class='"+ip1+"' id='"+it0+"'>

Nikita Rybak · Accepted Answer · 2010-10-16 19:57:53Z

4

$("#"+it0).removeClass(ip1);

Without the period ("."+ part).

edit
An example

edited Oct 16, 2010 at 19:57

answered Oct 16, 2010 at 19:38

Nikita Rybak

68.1k22 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

X10nD Over a year ago

@nikita when I reclick the checkbox the class is not removed, pls check your example again.

Nikita Rybak Over a year ago

@Jean It is removed, check in the firebug or other development tool. Element isn't removed itself, obviously, but class is removed from element.

X10nD Over a year ago

I want to remove the element.

Nikita Rybak Over a year ago

@Jean Jeez. Could've found it in google: "jquery remove element"

X10nD Over a year ago

@nikita got the element removed by .remove()

Tarek El-Mallah · Accepted Answer · 2010-10-16 20:38:57Z

no need for the dot ".", see below example from jquery APIs Documentation

Remove the class 'blue' from the matched elements.

<!DOCTYPE html>
<html>
<head>
  <style>

  p { margin: 4px; font-size:16px; font-weight:bolder; }
  .blue { color:blue; }
  .under { text-decoration:underline; }
  .highlight { background:yellow; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
  <p class="blue under">Hello</p>
  <p class="blue under highlight">and</p>
  <p class="blue under">then</p>

  <p class="blue under">Goodbye</p>
<script>$("p:even").removeClass("blue");</script>

</body>
</html>

http://api.jquery.com/removeClass/

Collectives™ on Stack Overflow

remove class - jquery

2 Answers 2

5 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Related