jquery - 需要在表格中选择最接近的元素

Question

我需要在单击 "btnEdit" 按钮时隐藏 "lblItemPrice" div。我需要获取 closest div，它有 "lblItemPrice" 类。

我试过这样，但是不行。

 $('.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();