我想更新child div,但是所有div都在更新ajax的成功.

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

滑动分页

$('.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)
    }
});
})

我还试图用$('.add_wishlist').children('.wishlist_icon').html(response)更新代码,但它不起作用.

推荐答案

在click处理程序中存储对clicked .add_wishlist元素的引用,然后在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);
    }
  });
})

Php相关问答推荐

尽管包含目标日期,但日期范围比较仍有意外输出

获得客户S在WooCommerce为期1年的总支出

显示WooCommerce当前产品类别或标签的短代码

自定义WooCommerce帐户下载列表

如何使用php-amqplib连接到ActiveMQ Classic Docker镜像

如何更改数据表行背景 colored颜色

在WooCommerce中禁用客户用户角色的纳税计算

根据未用于变体的产品属性隐藏WooCommerce发货方式

WooCommerce我的帐户:从帖子作者处获取自定义帖子类型帖子ID

我必须对所有的SQL查询使用预准备语句吗?

Chillerlan/php-iOS名称字段的QR vCard错误

根据支付网关选项更改 WooCommerce Checkout 上的立即付款按钮文本

Google Drive API 服务->文件->get('root') 失败并显示找不到文件. (范围问题?)

Laravel 10 - 使用缓存对 ThrottleRequest 进行限制

跟踪通过 WooCommerce 分层定价表插件进行的购买

使用其ID查询和捕获与订单相关的其他详细信息的shopware 6方法

Woocommerce注册中的自定义复选框验证错误提示问题

仅允许减少 WooCommerce 中已完成订单的库存数量

为什么 8.0 之前的 PHP 版本拒绝命名空间Random\Namespace作为无效语法?

使用 Eloquent 更新现有的外键值