處理特定項目的CSS元素

我有這麼多的同一類的圖像。想要改變該CSS類中的特定圖像而不影響其他元素。像：我有一個背景圖像類「a」，這個類用於這麼多的圖像。我只想在點擊它後更改特定圖像。處理特定項目的CSS元素

描述：其實我正在實現像狀態功能，所以我想改變像點擊事件的圖像，而不會影響其他狀態圖像。我被困在這裏。我正在使用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'對象。所以我可以改變使用這個關鍵字的類的背景圖像。

來源

2015-05-20 Anurag_Panday

如果沒有您的標記示例，則無法全部回答。 – davidkonrad

可以請您提供代碼，試圖執行此操作。 –

@davidkonrad請讓我知道。還有什麼你想回答。 –

使用CSS attribute selector爲樣式自定義元素。

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

來源

2015-05-20 07:59:44 freewheeler

很好的建議。我會提到MDN，但:) :) - > https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors – davidkonrad

編輯和更新！ – freewheeler

，如果你有相同的類很多元素，你想（這）選擇這樣

$('.classname').click(function(){ 
    $(this).css('color','red'); 
})

來源

2015-05-20 08:00:15

最好的方法，你可以使用$單擊元素上的效果是：

$(document).on("click", "img.class", function(){ 
    var image = $(this); 
    /* Do with this image what you whant */ 
});

來源

2015-05-20 08:02:16

你可以隨時使用$(this)選擇..

$(document).ready(function(e){ 
    $('.a').on('click',function(){ 
     $(this).css('color','blue'); 
    }); 
});

來源

2015-05-20 08:03:17 Aniket

我已經使用過它，但沒有在此對象中獲取該屬性 –

處理特定項目的CSS元素

回答

相關問題