JSFiddle - React, Tailwind, and code Playground
by Simon Price
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<table id='tblContactInformation' class='table table-striped table-hover'>
<thead>
<tr>
<th class='centre'>Delete / Edit</th>
<th class='centre'>Contact Name</th>
<th class='centre'>Position</th>
<th class='centre'>Telephone Number</th>
<th class='centre'>Mobile Number</th>
<th class='centre'>Email Address</th>
<th class='centre'>Primary Contact</th>
<th class='centre'>Password Email</th>
<th class='centre'>Pre Submission Email</th>
<th class='centre'>Query Email</th>
<th class='centre'>Single Enquiry Email</th>
</tr>
</thead>
<tr id='tRow_'1027 >
<td> </td>
<td class='centre PrimaryContactName'>Edd T Duck</td>
<td class='centre Position'> </td>
<td class='centre TelephoneNumber'>0161 223 8223</td>
<td class='centre MobileNumber'> </td>
<td class='centre Email'>[email protected]</td>
<td class='centre IsPrimary'><i class='fa fa-check fa-2x txtGreen' aria-hidden='true'></i></td>
<td class='centre PasswordEmail'><i class='fa fa-check fa-2x txtGreen' aria-hidden='true'></i></td>
<td class='centre PreSubmissionEmails'><i class='fa fa-check fa-2x txtGreen' aria-hidden='true'></i>
</td><td class='centre QuerySpreadsheetEmails'><i class='fa fa-times fa-2x txtRed' aria-hidden='true'></i>
</td><td class='centre SingleEnquiryEmails'><i class='fa fa-check fa-2x txtGreen' aria-hidden='true'></i>
</td>
</tr>
</table>
JavaScript
$('#tblContactInformation tr').each(function() {
var passwordEmailVal = $(this).find(".PasswordEmail").html();
console.log(passwordEmailVal)
var contactName = ""
if(passwordEmailVal === "<i class=\"fa fa-check fa-2x txtGreen\" aria-hidden=\"true\"></i>")
{
contactName = $(this).find(".PrimaryContactName").html();
console.log(contactName);
}
});