如何使用jquery更改img的src

我已经动态添加了新的li标签，并且他们假设根据活动的类显示不同的图像，这些图像在点击时切换，但我不能抓住它。 我知道因为应该更改的图像是img标签但是更改img标签的src的条件是li标签中的活动类

我尝试在jquery中使用以下代码

 if ($("li").hasClass("active")) { $("img#test2").attr("src","assets/img/button_home_selected3.png"); } else { $("img#test2").attr("src","https://stackoverflow.com/questions/14769247/how-to-change-src-of-img-using-jquery/assets/img/button_home_plain.png"); } 

Html是：

 
 <img src="https://stackoverflow.com/questions/14769247/how-to-change-src-of-img-using-jquery/assets/img/button_home_plain.png" id="test2" width="83" style="margin-left:10px;"  

事件处理程序：

 $('.plus').click(function(e) { e.preventDefault(); var li_count = $('#nav-tabs li').length; if (li_count <= 3) if(counter <= 3){ $('#nav-tabs').append('
'); } else { alert("Only 3 Tabs Allowed!")}; 

Answer 1

试试这个：

 ... ... //code where you are changing the class ... ... $('li').each(function() { if($(this).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"); } }); ... ...