JSFiddle - React, Tailwind, and code Playground

by Michael Russell

HTML

<div class="row deletedRow">
    <div class="col1">
        <table cellspacing="0" cellpadding="0" border="0">
            <tbody>
                <tr>
                    <td><img src="../stylesheets/shore-excursions/images/background/photo1.jpg" alt="" height="124" width="155" /></td>
                    <td>
                        <h3>Velit mauris scelerisque risus lorem vatis</h3>
                        <p>Grand Cayman, Cayman Islands</p>
                        <ul>
                            <li>Duration 3.5 hours</li>
                            <li>Ages 8 & Up</li>
                                <li>Moderate Activity
                                    <span class="box-tooltip"><img src="../images/shore-excursions/icon-help13x13.gif" width="13" height="13" alt="" />
                                        <div>
                                            <span class="arrow"></span>
                                            <p class="red">Lorem ipsum dolor.</p>
                                            <p>Lorem ipsum dolor sit  nostrud mas consectetur </p>
                                        </div>
                                    </span>                                                     
                                </li>
                            </ul>
                            </td>
                            </tr>
                                <tr>
                                    <td>
                                        <a href="#"><img src="../stylesheets/shore-excursions/images/buttons/btn_add_to_compare.gif" alt="ADD TO COMPARE" height="31" width="155" /></a>
                                    </td>
                                    <td></td>
                                </tr>
                            </tbody>
                            </table>
                            </div>
                                <div class="col2">
                                    <table cellpadding="0" cellspacing="0"...

CSS

.removeRow{
    background-color:#666;
}
.row{
    background-color:#eee;
    border-bottom: 2px black solid;
}

JavaScript

$('.removeRow').click(function() {
    var currentNode = $(this);
    while (!currentNode.hasClass('row') && currentNode.attr('tagName') != 'BODY') {
        currentNode = currentNode.parent();
    }
    if( currentNode.hasClass('row') ) currentNode.remove();
});