[jquery] addClass and removeClass in jQuery - not removing class

I think you're almost there. The thing is, your $(this) in the "close button" listener is not the clickable div. So you want to search it first. try to replace $(this) with $(this).closest(".clickable") . And don't forget the e.stopPropagation() as Guilherme is suggesting. that should be something like:

$( document ).ready(function() {   
    $(document).on("click", ".close_button", function () { 
        alert ("oi");
        e.stopPropagation()
        $(this).closest(".clickable").addClass("spot");
        $(this).closest(".clickable").removeClass("grown");
    });  


    $(document).on("click", ".clickable", function () {
        if ($(this).hasClass("spot")){
            $(this).addClass("grown");
            $(this).removeClass("spot");
        }
    });
});

Examples related to jquery

How to make a variable accessible outside a function? Jquery assiging class to th in a table Please help me convert this script to a simple image slider Highlight Anchor Links when user manually scrolls? Getting all files in directory with ajax Bootstrap 4 multiselect dropdown Cross-Origin Read Blocking (CORB) bootstrap 4 file input doesn't show the file name Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource how to remove json object key and value.?

Examples related to dom

How do you set the document title in React? How to find if element with specific id exists or not Cannot read property 'style' of undefined -- Uncaught Type Error adding text to an existing text element in javascript via DOM Violation Long running JavaScript task took xx ms How to get `DOM Element` in Angular 2? Angular2, what is the correct way to disable an anchor element? React.js: How to append a component on click? Detect click outside React component DOM element to corresponding vue.js component

Examples related to addclass

Jquery assiging class to th in a table addClass and removeClass in jQuery - not removing class JQuery addclass to selected div, remove class if another div is selected How to: Add/Remove Class on mouseOver/mouseOut - JQuery .hover? How do I add a new class to an element dynamically? If hasClass then addClass to parent JQuery Find #ID, RemoveClass and AddClass

Examples related to removeclass

addClass and removeClass in jQuery - not removing class JQuery addclass to selected div, remove class if another div is selected How to: Add/Remove Class on mouseOver/mouseOut - JQuery .hover? Removing elements by class name? JQuery Find #ID, RemoveClass and AddClass

Examples related to toggleclass

addClass and removeClass in jQuery - not removing class Easiest way to toggle 2 classes in jQuery