Question

我似乎无法使用jquery访问某个范围内的元素我想要为它添加一个类但它出现的原因是我的按钮是在运行时通过更新面板添加的，该面板位于具有唯一ID的范围内它找不到按钮。它没有更新图形时，我点击但它添加到数据库很好，并得到我的控制台日志消息很好，所以没有它的工作。但不要改变字体真棒图标的颜色。

我用它来搜索添加我构建的类的按钮。

  $(".btnRemoveFave").find('.fa-heart').css('color', '#007c7a');

以上行未找到按钮

 <script>
        $(document).ready(function () {
           $(".btnAddFave").click(function () {
               var productId = $(this).data("product-id");
                    $.ajax({
                            type: "POST",
                            url: "/dynamic/Favourite.aspx/AddToFavourites",
                            data: JSON.stringify({ 'productId': productId }),
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            error: function (xhr, status, error) {
                                alert(xhr.status);
                                alert(xhr.responseText);
                            },
                            success: function (response) {
                                alert(response.d);
                                $(".btnRemoveFave").find('.fa-heart').css('color', '#007c7a');


                                console.log('do i get past here');
                            },
                            failure: function (response) {
                                alert(response.d);
                            }
                        });
                    });

                });
       </script>

这是问题中的按钮，该按钮的页面上有20个，带有各种ID。

<span id="ctl00_BodyContentHolder_lblfavourite-xxxx"><button class="btnAddFave" id="btnAddFave_xxxx" type="button" value="Add To Favourites" data-product-id="xxxx" data-customer-id="xxxx"><i class="fa fa-heart" style="color: rgb(0, 124, 122);"></i> </button></span>

XXXX只是我们为了安全而隐藏的产品代码。

编辑2 为了清除我的OG中的一些混乱，字体真棒图标嵌套在我的按钮标签中作为元素，因为我只能将图标显示为以下内容。

基本上每个产品都有这个按钮的最爱，我需要能够根据成功完成更改其字体真棒图标颜色

Answer 1

您的搜索逻辑无法正常工作，因为$（＆＃34; .btnRemoveFave＆＃34;）。如果有多个带有类＆的按钮，则find（＆＃39; .fa-heart＆＃39;）将返回一个数组＃39; FA-心脏＆＃39;

所以要分配任何值，你应该迭代这个数组，如下所示。

$.each($(".btnAddFave").find('.fa-heart'),function()
{
$(this).css('color', '#007c7a');
});

从updatepanel生成的后面跨度中的访问权限按钮

1 个答案: