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

Centralizing Email Logging in Laravel with a Custom EmailLogChannel

When building real-world Laravel applications, email handling quickly becomes scattered. You send emails from controllers,…

2 days ago

Clean, Powerful API Filtering with Spatie Query Builder

Build flexible, readable, and secure query filters across multiple Laravel models — no more bloated…

2 months ago

AI Prompt Engineering Bible (7 Books in 1) – Master ChatGPT & Generative AI

Artificial Intelligence is transforming how we work, create, and earn. But most people get stuck…

8 months ago

How Digital Transformation Services Drive Business Growth

In today’s fast-paced world, businesses can no longer rely solely on traditional methods to stay…

8 months ago

How to Add an Addon Domain in GoDaddy with Web Hosting Deluxe

Add an Addon Domain in GoDaddy with Web Hosting Deluxe (Step-by-Step Guide). If you are…

9 months ago

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…

12 months ago