Misc.

jQuery addClass and removeClass.

addClass() and removeClass() are very useful methods from jquery. addClass() method used to add one or more css class in selected element while removeClass() is used to remove class.

I used addClass() to show block as selected and removeClass() method to deselect block that was previously clicked, blocks were dynamically created. Following is code.

<script>
$(function(){
$(".blocks").click(function() {
 var ids;
 var previous = "";
 previous = $("#previous").val();
 if(previous !=""){
  $(previous).removeClass("sel");
 }
 ids = $(this).attr("id");
 
 $("#"+ids).addClass('sel');
 $("#previous").val("#"+ids);
  });
});
</script>
websourceblog

ReactJs, NodeJs, Amazon Web Services, Symfony, Laravel, CodeIgniter, Zend Framework, WordPress, Drupal, Magento, Angular

Recent Posts

Developing a RESTful API with Node.js, Express.js, MongoDB, and TypeScript

The ability to create reliable APIs is essential in today's web development environment. I'll show…

1 month ago

XML in REST API response and SOAP XML.

The difference between XML that we get in response to any REST API and XML…

6 months ago

How to install and configure Apache2 on WSL2?

I hope you already have WSL2 installed and enabled. So, setting up Apache2 on WSL2…

10 months ago

How to install NVM on Windows?

Install NVM on Windows Node Js is a JavaScript runtime environment used widely in today’s…

12 months ago

How to reset WSL 2 user’s password?

You can easily reset WSL 2 users' password, by just following the following steps. Open…

1 year ago

DreamHost Web Hosting

DreamHost a web hosting company, founded in 1997. It is offering sort of hosting services,…

2 years ago