JSFiddle - React, Tailwind, and code Playground

by ahomu

HTML

<div id="contents">
<input type="hoge" name="aaa" value="mado" class="Klaas" />
<input type="fuga" name="bbb" value="homu" class="kLaas" />
<input type="piyo" name="ccc" value="majo" class="klaaS" />
</div>

JavaScript

var items = $('#contents').find("input").get();
var $items = $(items);
var i = 0, iz = $items.length, class_name;

for (; i < iz; i++) {
   class_name = $items.eq(i).attr("class").toLowerCase();
   $items.eq(i).attr("name", class_name + "_" + i);
}