Question

单击加号和减号按钮，如何获取QtyInput类的值？

这是我的代码

$(document).on('click', '.icon-minus', function (e) {
    var data = $(this).closest('div').siblings('.QtyInput').text();
});

http://jsfiddle.net/5axh3xzs/16/

<div class="Qty_Wrap">
    <button class="btn-d icon-minus QtyBtn ui-btn ui-shadow ui-corner-all">-</button>
    <div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset">
        <input type="text" class="QtyInput" value="2" />
    </div>
    <button class="btn-d icon-plus QtyBtn ui-btn ui-shadow ui-corner-all">+</button>
</div>
<div class="Qty_Wrap">
    <button class="btn-d icon-minus QtyBtn ui-btn ui-shadow ui-corner-all">-</button>
    <div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset">
        <input type="text" class="QtyInput" value="5" />
    </div>
    <button class="btn-d icon-plus QtyBtn ui-btn ui-shadow ui-corner-all">+</button>
</div>

你可以帮我解决这个问题吗？

Answer 1

.QtyInput是父div的孩子，因此您需要使用find，而不是siblings：

$(document).on('click', '.icon-minus', function (e) {
    var value = $(this).closest('div').find('.QtyInput').val();
    alert(value);
});

$(document).on('click', '.icon-plus', function (e) {
    var value = $(this).closest('div').find('.QtyInput').val();
    alert(value);
});

Updated fiddle

无法获取类的值

1 个答案: