jQuery如何更改clicked屬性

Question

我有這樣的代碼：

<div id="mtg_card"><a href="#" onclick="someEvent()"><img class="mtg_shop_cart" src="images/shop_cart_green.png" alt="" /></a></div>

它正在經歷循環，所以我有相同的代碼X次...全部都在一個稱為圓角的div中，並且我想在單擊的div中更改圖像...我正在嘗試這樣的代碼：

<script>
$( window ).load(function() {

    $('#rounded-corner #mtg_card').click(function(){
   $(this).$(".mtg_shop_cart").attr("src","http://mgla.pl/images/shop_cart.png");
 });
});

</script>

如果您能幫助我，我將不勝感激。

Answer 1

<script>
$(function() {
    $('#rounded-corner #mtg_card').click(function(){
        $(this).find(".mtg_shop_cart").attr("src","http://mgla.pl/images/shop_cart.png");
        return false;
    });
});
</script>

這似乎是正確的。 請記住，HTML中不能有多個具有相同ID的元素。

Answer 2

嘗試這個：

<script>
$(window).load(function () {
$('#rounded-corner #mtg_card').click(function () {
    $(this).find(".mtg_shop_cart").attr('src', '<source here>');
    return false;
});
});
</script>

DEMO

Answer 3

您需要返回false以便事件處理程序認識到事件已被接收：

<script>
$( window ).load(function() {
    $('#rounded-corner #mtg_card').click(function(){
        $(this).find(".mtg_shop_cart").attr("src","http://mgla.pl/images/shop_cart.png");
        return false
    });
});
</script>

Answer 4

兩個問題：

您應將id =“ mtg_card”替換為一個類，然后執行以下操作：

<div class="mtg_card"><a href="#" onclick="someEvent()"><img class="mtg_shop_cart" src="images/shop_cart_green.png" alt="" /></a></div>

<script>
$( window ).load(function() {

    $('#rounded-corner .mtg_card').click(function(){
   $(this).find(".mtg_shop_cart").attr("src","http://mgla.pl/images/shop_cart.png");
 });
});

</script>