如何使用jQuery更新图像

Question

我正在使用它来显示产品的图像。

<div class='productImageWrap' id='productImageWrapID_16'>
    <img src="abc.png" width='75' height='75' />
</div>

通过单击一个按钮，我想使用JQuery更改图像。 我已经为此编写了代码。 但是它不起作用。

jQuery(document).ready(function($) 
{
    $('#mybtn').click(function()
    {
        $("productImageWrapID_16").attr("src", "xyz.png");
    }); 
});

有人可以帮我解决这个问题吗。

Answer 1

尝试这个：

$("#productImageWrapID_16 img").attr("src", "xyz.png");

例

Answer 2

如果使用class选择使用此方法：

  $('.productImageWrap img').attr('src', 'abcd.png');

如果您使用ID，请使用以下代码：

$('#productImageWrapID_16 img').attr('src', 'abcd.png');