javascript - 如何使用Jquery更改img标签的src

Question

这可能很简单，但我想更改 li 标签内的 img 标签的 src。有 4 个 li 标签，只有具有 active 类的 li 标签才应更改其 img 标签的 src。

<ul>
   <li><img src="example.jpeg" /></li>
   <li class="active"><img src="Notexample.jpeg" /></li>
   <li><img src="example.jpeg" /></li>
   <li><img src="example.jpeg" /></li>
</ul>

此外，事件类在 li 标签之间切换以更改源...

Answer 1

...
...
//code where you are changing the class
...
...

$('li').each(function() {
    if($(this).attr('class').indexOf("active") !== -1)
    {
        //Active class is applied
        $(this).children().children().attr("src", "assets/img/button_home_selected3.png");
    }
    else
    {
        $(this).children().children().attr("src", "assets/img/button_home_plain.png");
    }
});

...
...