Tengo una etiqueta de anclaje y un botón dentro del mismo padre div.
Al hacer clic en un ancla, también debe hacer clic en el botón a través del código.
A continuación se muestra mi HTML
<div class="product_list"> <a class="action tocart primary new_add_to_cart"><span>Add to cart</span></a> <button type="submit" id="product-addtocart-button-927" title="Add to Cart" class="main-add-tocart action tocart primary"> <span>Add to cart</span> </button> </div> <div class="product_list"> <a class="action tocart primary new_add_to_cart"><span>Add to cart</span></a> <button type="submit" id="product-addtocart-button-928" title="Add to Cart" class="main-add-tocart action tocart primary"> <span>Add to cart</span> </button> </div>
A continuación se muestra el código JavaScript que traté de usar
$(document).on('click','.new_add_to_cart',function(){ var pin = $.cookie('delivery-pincode'); if(!pin){ alert("hii2"); } else{ $(this).closest(".main-add-tocart").trigger("click"); } });
En la condición else, quiero que se haga clic en el botón más cercano (hermano), tengo varios productos (divs principales con la misma clase .product_list) y solo quiero hacer clic en el producto "actual".