jquery - 用jquery获取前一个元素值

Question

我有一个 wordpress 页面，上面显示了带有 ajax 添加到购物车操作的产品。单击按钮时，我想获取名称=数量的输入值。我想使用 jquery prev() 函数来执行此操作，因为还有许多其他具有相同属性的输入。那么我该怎么做呢？我有

jQuery(document).ready(function(e){
     e(document).on("click",".add_to_cart_button",
          function(){
          var t=e(this);   
})})



<form action="/shop/?add-to-cart=1732" class="cart" method="post" enctype="multipart/form-data">
    <div class="quantity buttons_added">
       <input type="button" value="-" class="minus">
       <input type="number" step="1" name="quantity" value="1" title="Qty" class="input-text qty text">
       <input type="button" value="+" class="plus">
    </div>
    <button type="submit" data-product_id="1732" data-product_sku="menu-aug-02" data-quantity="1" class="add_to_cart_button button product_type_simple">Add to cart</button></form>

Answer 1

试试喜欢

$('.plus').on('click',function(){
     var qty = $('input[name="quantity"]').val();
     alert(qty);
});

你也可以试试.before()like

$('.plus').on('click',function(){
     var qty = $(this).before('input[name="quantity"]').val();
     alert(qty);
});

.prev()喜欢_

$('.plus').on('click',function(){
     var qty = $(this).prev('input[name="quantity"]').val();
     alert(qty);
});

如果你想提交试试

$('.cart').on('submit',function(e){
     e.preventDefault();
     var qty = $(this).prev('input[name="quantity"]').val();
     alert(qty);
});

Answer 2

尝试这个

$('input[type=submit]').click(function() {
    ...
    ...

    var prevInput = $(this).prev().children('input[name=quantity]');    // This is what you need


    // Try with this 
    var requiredInput;
    $(this).prev().children().each(function() {
        if($(this).attr('name') != null)
        {
            requiredInput = $(this);
        }
    });

    ...
    ...
});

API
prev()
children()