Jquery를 사용하여 img 태그의 src를 변경하는 방법

Question

이것은 간단 할 수도 있지만 li 태그 안에있는 img 태그의 src를 변경하고 싶습니다. 4 개의 li 태그가 있고 class가 활성화 된 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.active img").attr("src", "notexample.jpg"); 

을

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

를 원본을 변경하는 그 코드를 다시 실행해야합니다.

이 작업을 수행, 그것은 활성 클래스를 잃을 때 다시 SRC를 변경하려면

...

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

Answer 3

당신은 JQuery와의 descendant selector를 사용하여 attr() 함께 할.

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