Quiero actualizar el div secundario, pero todos los div se actualizan con el éxito de ajax.
mi html
<div class="add_wishlist"> <input type="hidden" name="prd_wishlist" class="prd_wishlist" value="1"> <div class="wishlist_icon"> <p><i class="far fa-heart"></i></p> </div> </div> <div class="add_wishlist"> <input type="hidden" name="prd_wishlist" class="prd_wishlist" value="2"> <div class="wishlist_icon"> <p><i class="far fa-heart"></i></p> </div> </div>
jquery
$('.add_wishlist').click(function(){ var prd_wish = $(this).find("[name='prd_wishlist']").val() $.ajax({ type: 'post', url: weburl+'pages/login-script.php', data: { prd_wish:prd_wish, wishlist_submit:'submit', }, success: function (response) { $('.add_wishlist').children('.wishlist_icon').html(response) } }); })
También traté de actualizar el código con $('.add_wishlist').children('.wishlist_icon').html(response)
pero no funciona.
Almacene una referencia al elemento .add_wishlist
en el que se hizo clic en el controlador de clics, luego utilícelo dentro del controlador de success
:
$('.add_wishlist').click(function() { let $addWishlist = $(this); let prd_wish = $addWishlist.find("[name='prd_wishlist']").val() $.ajax({ type: 'post', url: weburl + 'pages/login-script.php', data: { prd_wish: prd_wish, wishlist_submit: 'submit', }, success: function(response) { $addWishlist.children('.wishlist_icon').html(response); } }); })