JSFiddle - React, Tailwind, and code Playground

by I Sang Hyeon

HTML

<h1>remove attributes</h1>
<div id="divSample">this tag is sample</div>
<button id="btnSet">Set Attributes</button>
<button id="btnReSet">ReSet Attributes</button>
<div id="divAttrs"></div>

JavaScript

$(document).ready(function(){

  $('#btnSet').unbind('click').bind('click',function(){
		var $sample = $('#divSample');
    
    $sample.attr('one',1);
    $sample.attr('two',2);
    $sample.attr('three',3);
    $sample.attr('four',4);
    $sample.attr('five',5);
    //attrLoop();
  });
  
  $('#btnReSet').unbind('click').bind('click',function(){
		var $sample = $('#divSample');
    $sample.removeAttributes();
    //attrLoop();
  });
});
/*
function attrLoop(){
	var attrs = '';
  var $sample;
  $sample = $('#divSample');
  
  attrs = $.map($sample.attributes, function(item) {
  	return item.name;
	});
  alert('attrs: '+attrs);
  $('#divAttrs').text(attrs);
}
*/
$.fn.removeAttributes = function() {
  return this.each(function() {
    var attributes = $.map(this.attributes, function(item) {
      return item.name;
    });
    //alert(attributes);
    var img = $(this);
    $.each(attributes, function(i, item) {
    //alert(i+' : '+item);
    if(item.toUpperCase() != 'ID'){
    	img.removeAttr(item);
    }
    });
  });
}