JSFiddle - React, Tailwind, and code Playground
by Ehsan Sajjad
HTML
<tr>
<td id="prodlisttbl" align="left" valign="top" bgcolor="#FFFFFF"><table class="tbl" width="180" border="0" align="left" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="18"><img src="newsletter-responsive-test/images/white-spacer.gif" alt="" width="18" height="17" style="display:block;" border="0"></td>
<td width="270"><a href="detail.asp?model=13 MACDON 972&i=A&p=64&e=NS&sn=148542&pr="><img src="NS_148542_3616.jpg" width="190" height="143px" style="border:1px solid #B9B9B9;"></a>
<table bgcolor="#FFFFFF" class="phone-280" width="150" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr></tr>
<tr>
<td bgcolor="#FFFFFF"><img src="newsletter-responsive-test/images/white-spacer.gif" style="display:block" border="0" width="10" height="10"><a href="" class="closeprod">delete me</a></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FFFFFF" class="titlelink" style="font-size:13px; line-height:20px; padding-bottom: 0px; margin: 0px; padding-top: 0px; font-weight:bold;">Table 1</td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FFFFFF" class="bodylink" style="font-size:14px; padding-bottom: 0px; margin: 0px; padding-top: 0px; font-weight:normal; line-height:18px;"><span class="prodsn">S/N: 148542</span><br>
...
JavaScript
$(".closeprod").live("click",function(e){
e.preventDefault();
elem = $(this).closest("table").closest("td");
//remove product from template
elem.remove();
});