需要在桌子上选择最近的项目

Question

当我点击"lblItemPrice"按钮时，我需要隐藏"btnEdit" div。我需要获得closest等级为"lblItemPrice"的div。

我试过这样，但没有工作。

 $('.btnEdit').die('click').live('click', function () {
     $(this).closest('.lblItemPrice').hide();
 });

HTML

<table class="invoice" id="invoiceList">

    <tbody>

        <tr class="">

            <td class="value" id="pricetd">
                <div id="itemPriceDiv">
                    <div class="lblItemPrice">
                        $2.00
                    </div>
                    <input type="text" id="editPrice" name="editPrice" placeholder="edit price">
                </div>
            </td>
            <td class="value">
                $2.00
            </td>
            <td>

                <button class="btnEdit actionButton secondaryButton short" type="button">
                    Edit</button>

            </td>
            <td>

            </td>
        </tr>

    </tbody>
</table>

Answer 1

只需找到您的lblItemPrice内部点击项目的父级：

$(this).parents('tr').find('.lblItemPrice').hide();

Answer 2

你可以使用它，

 $(this).closest('tr').find('.lblItemPrice').hide();