jquery td.remove()有效,但td.empty()给出了错误

时间:2015-11-11 21:07:23

标签: jquery

以下jquery代码有效,但如果我将td.remove()更改为td.empty(),我会收到错误消息:Uncaught TypeError:td.empty不是函数

我想清空td的内容而不是删除td,这样我以后可能会在其中放入一些不同的文本。我怎么能这样做?

$('.msg-delete').click(function () {
    var id = this.getAttribute("data-id");
    var td = this.closest("td");
    if (id) {
        $.ajax({
            type: 'DELETE',
            url: '/messages/' + id,
            success: function () {
                td.remove();
            },
            error: function (error) {
                console.log(error);
            }
        });
    }
})

我正在处理的表格如下:

<table>
<tbody>
    <tr>
       <td>
            <button type="button" class="close msg-delete" data-id="5">&times;</button>
           <label>From:</label> Joe &nbsp;<label><br/>a test message
         </td>
     </tr>
  </tbody>
  </table>

注意:我也尝试将this.closest(&#34; td&#34;)更改为$(this)[0] .closest(&#34; td&#34;),结果相同。

1 个答案:

答案 0 :(得分:1)

closest()empty()都是jQuery方法,因此您需要:

var td = $(this).closest("td") 

td.empty();