how to remove class from body in jquery using angularjs

Question

Using jQuery

  $(document).ready(function() {
  $("#pid1").removeClass("login_page");
  });

HTML

<body  class="login_page" id="pid1" ng-app="myApp" ng-controller="myCtrl">

In the main page class gets removed but login page also remove class but I have to keep the class in the login page.

loginpage.html

<div class="login_page">
</div>

when I add remove class function it's work and I have tried to keep the login_page class in loginpage.html.

i did not get your question, you want to remove login_page class for body where id='pid1' and not from others right? but that id is getting repeated in some other pages? — Bhushan Kawadkar
– Bhushan Kawadkar, Commented Sep 7, 2018 at 5:02
Your question is unclear, the code you posted is fine, what do you want to do differently? — Esko
– Esko, Commented Sep 7, 2018 at 5:05
Change the id in your login page. Or write your script only in the main page. — Talk2Nit
– Talk2Nit, Commented Sep 7, 2018 at 5:06
@Esko it's simple index page remove class but I have to keep the class in the login page. — Rushi dave
– Rushi dave, Commented Sep 7, 2018 at 5:14
@TalkNit id not given in login page only given in the body of the index page. — Rushi dave
– Rushi dave, Commented Sep 7, 2018 at 5:15

Jithin Raj P R · Accepted Answer · 2018-09-07 05:01:33Z

1

This will work for you:

In below code .login_page_class can be your class which is present only in your login page.

$(document).ready(function() {
  if($(".login_page_class").length == 0){
   $("#pid1").removeClass("login_page");
  };
});

Added a condition to check if .login_page is present in the page and if it is then don't execute the code.

Hope this was helpful for you.

edited Sep 7, 2018 at 5:01

answered Sep 7, 2018 at 4:57

Jithin Raj P R

6,8469 gold badges41 silver badges71 bronze badges

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

7 Comments

Bhushan Kawadkar Over a year ago

if``$(".login_page").length == 0` is true then you will never remove class as there is no such element present

Jithin Raj P R Over a year ago

@Rushidave Sorry, I have updated the code, please check. I misplaced the class.

Rushi dave Over a year ago

I updated but not working index and log in both page remove class

Jithin Raj P R Over a year ago

@Rushidave did you add only to login page.? please add a new class only to the login page and replace .login_page_class with the class you added in the login page and it will work.

Rushi dave Over a year ago

@weBBer yes, only login page . in the login page, I replaced class but not working.

|

Rahul Dhamecha · Accepted Answer · 2018-09-07 05:24:30Z

1

The simple solution for this is below which will remove the body class on load.

window.onload = function () { document.body.className = ""; }

If you do have concern with other lib then you can try below solution as well.

window.addEventListener( 'load', function load() { window.removeEventListener('load', load, false); document.body.classList.remove('preload'); }, false );

Using addEventListener means that it won't interfere with any other event listeners that may be attached by other libs, etc.

The above code will remove the event listener once the event has fired too.

answered Sep 7, 2018 at 5:24

Rahul Dhamecha

1311 silver badge7 bronze badges

2 Comments

Rushi dave Over a year ago

@ Rahul Dhmecha I already tried this solution but it's shown same error btw tx for the response.

Rahul Dhamecha Over a year ago

@Rushidave Which angular version you are using. Try nginit and remove class at this stage will help you to add and remove the class.

Rushi dave · Accepted Answer · 2018-09-07 06:37:07Z

0

I solved this issue and its' work for me,

add and remove class manually in index controller and login controller, I remove class function in the index page and added class function in the login page.

Remove function

       $(document).ready(function()
         {
          $("body").removeClass("login_page");
        });

Add function

    $(document).ready(function()
      {
       $("body").addClass("login_page");
      });

edited Sep 7, 2018 at 6:37

answered Sep 7, 2018 at 6:30

Rushi dave

1642 gold badges6 silver badges20 bronze badges

Collectives™ on Stack Overflow

how to remove class from body in jquery using angularjs

3 Answers 3

7 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related