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

您使用attr()使用descendant selector的jquery来执行此操作。

$('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");
    }
});

...
...

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

3 个答案: