返回父元素 jquery 中的输入值

Return input value in parent element jquery

本文关键字:输入 jquery 元素 返回      更新时间:2023-09-26
<tr role="row" class="odd parent">
    <td class="quantity"><input type="text"></td>
</tr>
<tr class="child">
    <td class="child" colspan="8">
        <li data-dtr-offset-index-"7">
            <span class="dtr-title"></span>
            <span class="dtr-data">
                <button type="button" class="btn btn-primary">Add to Cart</button>
            </span>
        </li>
    </td>
</tr>   

父行具有数量输入。子行有一个按钮。我想单击按钮并返回数量。到目前为止,我已经尝试过:

$(".btn-primary").click(function(e) {
    var qty = $(this).closest("input").val();
});

但这返回未定义。

有人可以帮忙吗?

提前感谢!!

父行具有数量输入。子行有一个按钮。

注意,第一个tr不是第二个tr的父元素;tr元素是问题html内的同级元素。

尝试将.closest()处的选择器调整为tr,使用选择器tr链接.prev().find()与选择器input.val()

$(this).closest("tr").prev("tr").find("input").val()