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

Question

这可能很简单，但我想更改 li 标签内的 img 标签的 src。有 4 个 li 标签，只有具有活动类的 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

试试这个...

$("li.active img").attr("src", "notexample.jpg");

如果您更改了哪个 li 具有活动类，那么您将需要再次运行该代码。

如果您想在失去活动课程时将 src 改回来，请执行此操作...

$("li:not(:has(.active))".attr("src", "example.jpg");

Answer 2

您可以使用jquery的后代选择器使用attr()来执行此操作。

$('li.active img').attr('src', 'newval')

Answer 3

...
...
//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");
    }
});

...
...