jquery - 处理特定元素的 CSS 元素

Question

我有很多相同类别的图像。想要在不影响其他元素的情况下更改该 css 类中的特定图像。比如:我有一个带有背景图像的“a”类，这个类用于很多图像。我只想在单击特定图像后更改它。

描述:实际上我正在实现类似状态的功能，所以我想在单击事件时更改该类似图像而不影响状态图像等其他图像。我被困在这里了。我正在使用 Phonegap jQuery Mobile。

 $(document).on("click", ".yvtw-like-btn", function(e) {
   debugger;
    e.stopPropagation();
    var jAnc = $(this);

    if (jAnc.attr('data-status-id')) {

        yumpod_service.showWaitLoader("Liking status...");

        var userHash = yumpod_service.playerDict["userHash"];
        $.when(send_request("likestatus", null,
                {"userHash": userHash, "statusid": jAnc.attr('data-status-id')}
            )
        ).done(function(data) {
                console.log("status_like success", arguments);

                try {
                    data = parseJson(data);

                    if (data && data["data"] && data["data"]["status"] === "sucess") {

                        yumpod_model.set("timeline", [data["data"]["user_status"]], "status_id");
                        yumpod_service.triggerEvent("loadTimeline_status");

                    }
                } catch (e) {
                    console.log("status_like error", e);
                }
                yumpod_service.hideWaitLoader();

                //yumpod_service.triggerEvent("loadGames",data);
            }).fail(function(error) {
                console.log("status_like fail", arguments);
                yumpod_service.hideWaitLoader();
            });
    }
    return false;
});

这是我的 jquery 代码。我没有足够的积分，所以无法上传图片。我也上传了我的代码。所以请不要以任何幼稚的方式提出建议。

<a href="#" class="yvtw-like-btn ui-link" data-status-like="undefined" data-status-id="744"></a>

这是我的“this”对象。所以我可以使用此关键字更改类的背景图像。

Answer 1

使用 CSS attribute selector 用于自定义元素的样式。

img[src~="url-of-image"] {
     custom style
}