Attach Event to Dynamically Created Elements with jQuery. The toggleClass () method combines the functionality of addClass () and removeClass () to produce a "toggle" effect where the class is added or removed, depending on whether the class is already attached to the element or not. jquery. Your code should read $ ('#fullscr').removeClass ('open'); but assuming you had that code written correctly, you still have an issue. var someElement= document.getElementById("myElement"); someElement.className += " newclass";//add "newclass" to element (space in front is important) This method attaches event handlers to a selected set of elements and it works perfectly for elements present on the page. Then we set the number of characters the . If you try to do something with the elements that are dynamically added to DOM using the jQuery click () method it will not work, because it bind the click event only to the elements that exist at the time of binding. But we are going to add the class dynamically through JavaScript. Your code should read $ ('#fullscr').removeClass ('open'); but assuming you had that code written correctly, you still have an issue. However, there is an issue with the .on () method which inhibits the attachment of events to dynamically added elements. We can use className and classList property in JavaScript. Hi Everyone, This is my first post, please excuse me if am asking something irrelevant. jQuery. In this section, we will go a bit more advanced. What I want is to add an ID attribute to this dynamic element, in which I will also get the ID from as part of the ID. 1449. Learn more This works really well, but when we add a new list item and click it, nothing happens. If I understand you correctly, what you need to do is change the jquery that would fire on the buttons or whatever content on the dynamically added content. You can try to run the following code to learn how to bind events on dynamically created elements.