如何在点击时更改img src

Question

如何更改IMG SRC名称单击data-src的元素？

我的DOM如下所示：

<div class="img"><img src="../../images/img_apple.png" alt=""></div>

<ul class="list"> 
    <li data-src="img_apple"><a href="#">img 1</a></li>
    <li data-src="img_orange"><a href="#">img 2</a></li>
    <li data-src="img_melon"><a href="#">img 2</a></li>
</ul>  

Answer 1

通过jquery尝试这些代码：

$('ul.list li').each(function(){
  var _this = $(this);
  var src = _this.data("src");
  _this.find('a').click(function(){
    $(".img img").attr("src", src)
 })
})