JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outerFrame">
    <div class="elementFind">
        Username :<input type="text" name="username"/>
        Sex :<input type="radio" name="sex" value="Male">Male</input>
    </div>
    <div class="elementFind">
         Username :<input type="text" name="username"/>
        Sex :<input type="radio" name="sex" value="Male">Male</input>
    </div>
    <input type="button" value='Find' id='findElement'/>
</div>

JavaScript

$("#findElement").click(function () {

$('#outerFrame .elementFind').each(function() {
    var username = $(this).find('input:text[name=username]').val();
    var sex = $(this).find('input:radio[name=sex]').val();
    alert("Username : [" + username + "] Sex :[" + sex + "]");
    
});
});