Question

我有以下jQuery DOM：

var markup = $("<a></a>").addClass("ClassName")
            .attr({ href : "Something.html",title : "Edit"});

我想将上面的jQuery DOM（markup变量）转换为html。怎么做？

Answer 1

获取dom元素的 outerHTML 属性

＆＃13;

var markup = $("<a></a>").addClass("ClassName")
  .attr({
    href: "Something.html",
    title: "Edit"
  });

console.log(
  markup[0].outerHTML
)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

或者使用 html() 方法将元素换行并获取html内容。

＆＃13;

var markup = $("<a></a>").addClass("ClassName")
  .attr({
    href: "Something.html",
    title: "Edit"
  });

console.log(
  $('<div/>', {
    html: markup
  }).html()
)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

Answer 2

要获取HTML，您可以wrap()在另一个对象中，然后从中检索html()：

var $markup = $("<a></a>", {
    'class': 'ClassName',
    'href': 'Something.html',
    'title': 'Edit'
});
var html = $markup.wrap('<div />').parent().html();

或者，您可以检索基础DOMElement的outerHTML属性：

var html = $markup[0].outerHTML;

同样只是FYI，这个词是'jQuery对象'。页面上只有一个DOM。

将jquery DOM转换为html

2 个答案: