Jquery ui 清除周围表格单元格中的HTML

如何使用jQuery清除

元素的HTML？我有一张图片，单击它会触发对数据库的Ajax调用。在ajax调用的

success

函数中，我想清除这个pic所在的特定

元素，并填充返回的结果。这个pic位于一个网格中，其中包含许多可单击的pic，所有pic都具有相同的功能，因此我想确保我只是清除了调用来自的

元素

编辑

这是我最近的一次尝试

        $('.checkErrors').click(function () {
            $.ajax({
                type: 'GET',
                url: '@Url.Action("GetErrors","AgentTransmission")',
                data: { term: $(this).attr('id') },
                dataType: 'json',
                success: function (data) {
                    alert("success");
                    $("td", this).empty();
                }
            });
        });

这是调用的HTML（来自ASP MVC页面的w/Razor语法）

    <td align=center id=@item.ID>
        @if(item.RecordStatus.Equals("E"))
        {
            <img src="@Url.Content("~/Content/images/magnify.gif")" class="checkErrors" id=@item.ID alt="Program Details" />
        }
    </td>

@如果（项记录状态等于（“E”））
{
}

是

$（this）.closest（“td”）.empty（）

您在寻找什么？

在事件回调中，您可以访问已单击的元素。所以它看起来像：

var td = clickedImg.parentNode;
td.removeChild(clickedImg);
td.innerHTML = newText;

$("img").click(function() {
  //save the element that contains the image
  var td = $(this).parent();
  $.ajax({...
    success: function(data) {
      //use the saved element
      td.html('');
    }
  });
});

---

这是一个答案还是一个问题？lol不，这清除了整个网格。我认为这很接近Thohell，不完全是那样。你应该使用选择器来匹配你当前的td。这就是我要问的，你是如何做到的？有趣的是，你似乎无法从

success

调用中访问

$（this）.parent（）

。您知道为什么需要将元素放置在

td

变量中以便以后修改/操作吗？

这是JavaScript中一个有趣的主题。每次执行函数时，
将该
设置为特定值。jQuery故意将其设置为click事件回调函数中的事件目标。我不确定它在success回调中设置为什么，但它肯定会设置为其他（或未定义）。您可能想阅读本文：