Question

如何使用jQuery清除<td>元素的HTML？我有一张图片，点击后会触发对数据库的Ajax调用。在ajax调用的success函数中，我想清除此图片所在的特定<td>元素，并填写返回的结果。这张照片位于一个网格中，该网格将包含许多可点击的图片，所有图片都具有相同的功能，所以我想确保我只是清除调用来自的<td>元素。

修改

这是我最近的尝试

        $('.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（w / Razor语法，因为它来自ASP MVC页面）

    <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>

Answer 1

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

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

Answer 2

$(this).closest("td").empty()您要找的是什么？

Answer 3

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

清除周围表格单元格内的HTML

3 个答案: