jquery - 我如何通过 jquery 和 ajax 替换图像(在 div 内)

Question

我试图点击一个图像并通过 jquery 将其更改为另一个图像。

当我单步执行下面的代码时，在服务器端， Controller 操作触发，在客户端，我可以在 Firebug 监 window 口中看到正确的 html 返回，但图像根本没有改变。知道为什么这个 div 没有更新吗？

原始div:

<div class="inlineDiv" toggle="off" id="22"><img src="../../images/vote-favorite-off1.png" border="0"></div>

jquery 代码:

    $(document).ready(function() {
        $('div.inlineDiv').live('click', function() {

        var id = $(this).attr("id");
        var toggle = $(this).attr("toggle");

        var url = '/Tracker/Update?id=' + id + '&toggle=' + toggle;

        $.get(url, function(data) {
            $(this).html(data);
        });
    });
}); 

Controller 操作:

  public ActionResult Update(int id, string toggle)
  {
       if (toggle == "off")
        {
            return Content("<img src='../../images/vote-favorite-on1.png' border=0'>");
        }
        return Content("<img src='../../images/vote-favorite-off1.png' border=0'>");
  }

Answer 1

我相信 get 中的 this 指的是 get 的函数。

更简单:

$(this).load(URL);