JSFiddle - React, Tailwind, and code Playground

by trevor_davis

HTML

<tr valign="top">
		<td>
			<table width="100%" cellpadding="0" cellspacing="2" border="0">
				<tr valign="top">
					<td class="BoldBlackText" width="65%">Product Name</td>
					<td class="BoldBlackText" width="5%" align="center" width="56">Qty</td>
					<td class="BoldBlackText" width="10%" align="right" width="63">Price/Ea</td>
					<td class="BoldBlackText" width="10%" align="right" width="74">Subtotal</td>
					<td width="10%">&nbsp;</td>
				</tr>

	
			     
                    <tr><td  colspan="5"><hr  size="1pt" style="margin-right:20px;" /></td></tr>	
   					
				
					<tr valign="top">
						<td class="normaltext" >Total Experience Ticket - Adult</td>

						<td  class="normaltext" align="center" width="35">1</td>
													
																	
						    <td  class="BoldBlackText" align="right" width="50"><b>$30.56</b></td>
					        
						    <td  class="BoldBlackText" align="right" width="65"><b>$30.56</b></td>
					           
					        
					</tr>
					<tr>
						<td class="normaltext" colspan="3"></td>
					 </tr>
						

													
                <tr><td  colspan="5"><hr  size="1pt" style="margin-right:20px;" /></td></tr>	

				</tr>
					<td class="BoldBlackText" align="right" colspan="3">Subtotal:</td>
					<td class="redText" align="right" ><b>$30.56</b></td>
				</tr>
				
				<tr>													
					<td class="BoldBlackText" align="right" colspan="3" >Taxes (if applicable):</td>
					<td class="redtext" align="right" ><b>$0.00</b></td>
				</tr>
							
				<tr>
					<td class="BoldBlackText" align="right"  colspan="3">Total:</td>
					<td class="redText" align="right" ><b>$30.56</b></td>
					<td  align="right">&nbsp;
					</td>
				</tr>               
			 
				
								
		
				
				<tr>
					<td colspan="2" align="right"></td>
				</tr>										
			</table>
		</td>
	</tr>

JavaScript

(function() {
    var $cells = $('td.BoldBlackText');
    var $totalLabelCell = $cells.filter(':contains("Total:")');
    if ($totalLabelCell.length) {
        var total = $totalLabelCell.next().text().replace('$', '');

        dataLayer.push({
            'total': total,
            'event': 'transaction'
        });
    }
})();