使用jQuery更改img

Question

我在div：

中有一张图片和一些文字

            <div id="quote">
                <div id="quote-picture">
                    <img src="tom.jpg">
                </div>
                <div id="quote-text">
                    <p>Text</p>
                </div>
            </div>

当我尝试在更改文本后使用onload函数更改图像源时，它不起作用。如何更改图像？

    $(document).ready(function($) { 
        $("#quote-text p").text("Hello World!");    
        $('img').attr('src', 'ben.jpg');

Answer 1

$('img').attr('src', 'ben.jpg');

我建议你在IMG元素中添加一个类/ id，并在选择时使用它。

Answer 2

只需更改img src即可。试试这个： -

$("#quote-picture img").attr('src', 'ben.jpg')

Answer 3

简单：

$("#quote-picture img").attr("src", "ben.jpg");

Answer 4

<强> Working Example

$(document).ready(function () {
    $("#quote-text p").text("Hello World!");
    $('#quote-picture img').attr('src', 'ben.jpg');
});

Answer 5

$('#quote-picture img').attr('src', 'ben.jpg');