JSFiddle - React, Tailwind, and code Playground

by Murali Kaliappan

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore.js"></script>

<table>
  <tr>
    <td>Apple</td>
  </tr>
  <tr>
    <td>Ball</td>
  </tr>
  <tr>
    <td>Cat</td>
  </tr>
  <tr>
    <td>Elephant</td>
  </tr>
  <tr>
    <td>Fan</td>
  </tr>
  <tr>
    <td>Goat</td>
  </tr>
  <tr>
    <td>Hat</td>
  </tr>
</table>

JavaScript

var dog = "Dog";
var settingName = [];
$("table tr").find("td:first").each(function(){	
  settingName.push($(this).html());
})

settingName.push(dog);
console.log(settingName);
settingName = _.sortBy(settingName,function(d){ return d;});
console.log(_.indexOf(settingName,dog));

$("table tr").each(function(){	
  var index = $(this).index();
  if(index == _.indexOf(settingName,dog) ) {
  	$(this).before("<tr><td>"+dog+"</td></tr>")
  }
})