jquery - 更改通过appendTo创建的img src

Question

我通过appendTo函数创建了一个按钮:

$('<span id="metroBtn" class="play_btns"><img src="pngs/metro.png"></span>').appendTo( '#cardSlots' );

我尝试通过以下方式更改 img src，但它不起作用:

$('#cardSlots').on('click', '#metroBtn', function(){
    $(this).attr('src','pngs/new_img.png');
}

请指教。

Answer 1

在 jquery 中，$(this) 指的是附加点击事件的元素，即 #metroBtn 包装器。您需要定位 img 才能更改其源。您可以使用 find() 来执行此操作方法:

$(this).find('img').attr('src','pngs/new_img.png');

Codepen Example