JSFiddle - React, Tailwind, and code Playground

by Sulthan Allaudeen

HTML

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<div class="col-md-12 pd0" data-mage-init='{"imageResponsive": {}}'>
<input type ='button' class='btn' value='Set value'></div>

JavaScript

$(document).ready(function(){
    $(".btn").click(function(){
        alert("The image property was set!");
        $('.pd0').attr('data-mage-init', 'https://www.w3schools.com/tags/smiley.gif');
    });
    
    
    $( ".btn" ).each(function() {
  var attr = $(this).attr('data-mage-init');
  alert(attr)

  if (typeof attr !== typeof undefined && attr !== false) {
      $(this).css('background', 'url('+attr+')');
  }

});
    
});