将脚本片段转换为 jQuery

Question

我正在使用一个 KENDO 控件（我认为不重要），它将“脚本”对象提供给它的一个参数（同样我认为也不重要）。

我认为重要的是，当我为脚本对象的 HTML 触发弹出窗口时，我看到了 [DIV] 标签：

我想将它重构为一个 jQuery 对象，并想出了这个代码片段：

var $templateDiv = $('<div></div>')
  .attr({
    "id": "template",
    "type": "text/kendo-x-tmpl"
  })
  .text("#:MaximoId#");
alert($templateDiv.html());

但是当我 'alert' html() 时，我丢失了 [DIV] 标签。

是的，我看到原始示例嵌入在脚本中，而我的不是 - 像我一样无知，我觉得我的最终解决方案不需要将 [DIV] 包装在脚本中对象？

Answer 1

jQuery的.html()方法returns与原生JSinnerHTML的结果相同。它 returns 元素里面有什么。 jQuery 不提供获取外部 HTML 的方法，但您可以使用本机 .outerHTML:

var $templateDiv = $('<div></div>')
  .attr({
    "id": "template",
    "type": "text/kendo-x-tmpl"
  })
  .text("#:MaximoId#");
  
alert($templateDiv[0].outerHTML);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

将脚本片段转换为 jQuery

Convert script snippet to jQuery

javascript

jquery

refactoring