Как изменить src тега img с помощью JQuery

Question

Это может быть просто, но я хочу изменить src тега img, который находится внутри тега li. Есть 4 лига, и только тег li, который имеет класс active, должен изменить src img тега.

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

... 
... 

Answer 2

Попробуйте это ...

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

Если вы изменяете, который имеет литий активный класс, то вам нужно снова запустить этот код.

Если вы хотите изменить СРК назад, когда он теряет активный класс, это сделать ...

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

Answer 3

Вы делаете это с помощью attr()descendant selector из JQuery.

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