【问题标题】:jquery remove element by id and retain html in a variablejquery按id删除元素并将html保留在变量中
【发布时间】:2014-05-11 15:16:22
【问题描述】:

在下面的代码中,想要删除 html 并将其放入变量中。如何去做。

<div id="tr1">Server</div>
var t = $("#tr1").remove();
console.log(t); // Should print     <div id="tr1">Server</div>

或者应该使用.detach()

【问题讨论】:

  • &lt;ul id="tr1"&gt;Server&lt;/ul&gt; 不是有效的 HTML 标记
  • 然后使用:console.log(t.prop('outerHTML')); 如果你希望输出是一个字符串jsfiddle.net/t354y 现在我很确定不明白你的问题是什么......也许你可以提供一个 jsFiddle让它更清楚

标签: jquery


【解决方案1】:

要获取元素 HTML 为字符串,可以使用 DOM 节点的outerHTML 属性:

jQuery:

console.log(t.prop('outerHTML'));

或者使用 DOM 节点:

console.log(t[0].outerHTML);

【讨论】:

  • 问题:.detach() 什么时候可以使用?
  • 如果你想重新添加后面的元素,保持之前绑定的事件处理程序(和数据),使用.detach()。简单演示:jsfiddle.net/8hcCB/1
【解决方案2】:

我认为 remove() 不会在您删除元素时返回 HTML 代码。

要获取 html 代码,也许您应该查看以下答案:https://stackoverflow.com/a/8645992/3133256(更新后)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-24
    • 1970-01-01
    • 2019-10-03
    • 2011-01-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多