0

这可能很简单,但我想更改 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 标签之间切换以更改源...

4

3 回答 3

1

试试这个...

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

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

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

$("li:not(:has(.active))".attr("src", "example.jpg");
于 2013-02-08T11:18:23.560 回答
1

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

$('li.active img').attr('src', 'newval')
于 2013-02-08T11:18:38.387 回答
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");
    }
});

...
...
于 2013-02-08T11:26:19.070 回答