JSFiddle - React, Tailwind, and code Playground

by gromer

HTML

<div id="element">
    <div class="some-padding">A</div>
    <div class="some-padding">B</div>
    <div class="some-padding">C</div>
    <div class="some-padding">
        D
        <div class="some-padding">E</div>
    </div>
</div>

<a href="#">Remove Padding</a>

CSS

.some-padding {
    padding: 25px;
}

JavaScript

$('a').click(function(e) {
    e.preventDefault();
    
    $('#element').find('*').css('padding', '0');
});