javascript - 获取分离的 JQuery 对象的外部 HTML

标签 javascript jquery html

<分区>

我正在创建一个 html节点 jQuery (样本是标签 <input> 但可以是任何类型):

var x = $("<input>");

然后我通过一系列.prop()添加它的属性功能:

x.prop("id", ...).prop("class", ...);

现在某个插件不支持 JQuery 对象,而是支持 HTML字符串,所以我通过这个调用插件:

var n = plugin.method1(x.html())

我虽然可以,但是 .html()返回空字符串。尽管有人说如果我先将它附加到 DOM 树上,它就会得到解决。如何在不首先将其附加到 DOM 树的情况下获取其 HTML 字符串?

最佳答案

您可以使用 .prop()得到outerHTML属性(property)。

x.prop('outerHTML');

var x = $("<input>");
x.prop('id', 'yahooooooooo');
console.log(x.prop('outerHTML'))
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

关于javascript - 获取分离的 JQuery 对象的外部 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41040853/

相关文章:

javascript - jQuery 彩色动画

html - 为什么我的页脚没有粘在页面底部?

asp.net - 将 ASP.NET 项目更新为 HTML5

javascript - 使用隐藏 div 的 jquery 查找最近的视频标签 id

javascript - 在 React 中的表上创建可扩展行的简单方法是什么?

javascript - 无法使用 Jquery 清空 div

javascript - 将 for 循环迭代器值绑定(bind)到 Javascript 中的回调函数?

html - 在列表中显示选择标签选项,但在关闭选择框时隐藏文本

javascript - typescript 限制最大数组长度

javascript - 如何动态获取选择标签的值?