Return 在父元素中输入值 jquery

Question

<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>

父行有一个数量输入。子行有一个按钮。我想点击按钮和 return 数量。到目前为止我已经尝试过：

$(".btn-primary").click(function(e) {

    var qty = $(this).closest("input").val();

});

但这 return 未定义。

有人可以帮忙吗？

提前致谢！！

Answer 1

The parent row has an input for quantity. The child row has a button.

注意，第一个 tr 不是第二个 tr 的父代； tr 元素是问题 html 中的兄弟姐妹。

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

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

Return 在父元素中输入值 jquery

Return input value in parent element jquery

javascript

jquery

parent