JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div id="firstdiv" class="sample">
    <div name="jQuery"> Hello Jquery</div>
    <div name="jQuery"> Hello Jquery </div>
    <div name="jQuery"> Hello Jquery </div>
    <div name="javascript"> Hello Javascript</div>
    <div name="jQuery"> Hello Jquery </div>
    <div name="jQuery"> Hello Jquery </div>
    <div name="jQuery"> Hello Jquery </div>
</div><br/><br/>
<input type="button" value="getIndex" />

CSS

.sample{
    width: 250px;
    color: blue;
}

JavaScript

$("input").click(function(){
    alert($("div[name='javascript']").index());
});

//Note Index returns the index of element from its parent element starts from 0.