JSFiddle - React, Tailwind, and code Playground

by Joseph Fedor

HTML

<div class="grid-canvas" style="height: 283px; width: 472px;"><div class="ui-widget-content slick-row even" row="0" style="top:0px"><div class="slick-cell l0 r0">SP</div><div class="slick-cell l1 r1"><a href="#" class=" pop" data-pid="505541" data-tsid="1498736">Jose Quintana</a><div class="attr-grn"> P</div> <i class="icon-file-text-alt text-muted" onclick="$('a.pop', $(this).parent()).trigger('click');"></i> <i class="icon-ok-sign" title="In Starting Lineup"></i></div><div class="slick-cell l2 r2"><span class="">Bos@<strong>CWS</strong></span></div><div class="slick-cell l3 r3 opposing-pitcher"><span title="Miley">Miley</span></div><div class="slick-cell l4 r4"><span class="">16.1</span></div><div class="slick-cell l5 r5 sal"><span class="">$7,400</span></div><div class="slick-cell l6 r6 last right"><a href="#" class=" swap in" data-pid="505541">swap</a></div></div><div class="ui-widget-content slick-row odd" row="1" style="top:30px"><div class="slick-cell l0 r0">SP</div><div class="slick-cell l1 r1"><a href="#" class=" pop" data-pid="454412" data-tsid="1498736">Wade Miley</a><div class="attr-grn"> P</div> <i class="icon-file-text-alt text-muted" onclick="$('a.pop', $(this).parent()).trigger('click');"></i> <i class="icon-ok-sign" title="In Starting Lineup"></i></div><div class="slick-cell l2 r2"><span class=""><strong>Bos</strong>@CWS</span></div><div class="slick-cell l3 r3 opposing-pitcher"><span title="Quintana">Quintana</span></div><div class="slick-cell l4 r4"><span class="">13.2</span></div><div class="slick-cell l5 r5 sal"><span class="">$6,800</span></div><div class="slick-cell l6 r6 last right"><a href="#" class=" swap in" data-pid="454412">swap</a></div></div><div class="ui-widget-content slick-row even" row="2" style="top:60px"><div class="slick-cell l0 r0">SP</div><div class="slick-cell l1 r1"><a href="#" class=" pop" data-pid="328248" data-tsid="1500775">Derek Holland</a><div class="attr-grn"> P</div> <i class="icon-file-text-alt text-muted"...

JavaScript

function getIndexOfPlayer(findPlayerName) {
    //alert(findPlayerName);
	var startDateDiv = document.getElementsByClassName("grid-canvas");
    var evenOddRows = startDateDiv[0];
    //alert(evenOddRows.innerHTML);
  
	//var divs = evenOddRows.getElementsByTagName('a');  //works well!
    var names = evenOddRows.getElementsByClassName(" pop");  //works better:)
    
    var lengthOfPlayerName = findPlayerName.length;
    var indexOfPlayer;
    var playerName;
    
	for (var i=0, max=names.length; i < max; i++) {
        playerName = names[i].innerHTML; 
        shortName = playerName.substring(0,lengthOfPlayerName);
        //alert(shortName);
        
        if(findPlayerName.toLowerCase() == shortName.toLowerCase()) {
        	indexOfPlayer = i;
            break;
        }
	}
	
    //alert(indexOfPlayer); 
    if(indexOfPlayer == undefined) {
        alert("ERROR:  The player '" + findPlayerName + "' was not found");
    }
    
	return indexOfPlayer;
}

getIndexOfPlayer("Jose Q");