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

时间:2013-02-08 11:17:23

标签: javascript jquery twitter-bootstrap

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

3 个答案:

答案 0 :(得分:1)

试试这个......

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

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

如果要在失去活动类时更改src,请执行此操作...

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

答案 1 :(得分:1)

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

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

答案 2 :(得分: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");
    }
});

...
...