JSFiddle - React, Tailwind, and code Playground

by sushanth009

HTML

<div class="ab">
    <ul>
        <li>Sahar Raj</li>
        <li>Address.</li>
        <li>City</li>
        <li>State</li>
        <li>Pin</li>
        <li>9876543210</li>
    </ul>
</div>
<input class="required" type="text" name="name" />
<input class="required" type="text" name="address" />
<input class="required" type="text" name="city" />
<input class="required" type="text" name="state" />
<input class="required" type="text" name="pin" />
<input class="required" type="text" name="phone" />

JavaScript

$(function () {
    $('div.ab').click(function() {
        var data = $('.ab li').map(function () {
            return $(this).text();
        }).get();
        
        $('input').each(function (i) {
            $(this).val(data[i]);
        });
    });
});