隐藏jquery DOM到html [英] Coverting jquery DOM to html

问题描述

我有以下jQuery DOM：

  var markup = $（< a>< / a> ）.addClass（ClassName）
 .attr（{href：Something.html，title：Edit}）; 
  

我想转换上面的jQuery DOM（ markup 变量）为html。如何做到这一点？

解决方案

要么 outerHTML dom元素的属性

var markup = $（< a>< / a>）.addClass（ClassName）。 attr（{href：Something.html，title：Edit}）; console.log（markup [0] .outerHTML）

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

$ b $ b

或者用元素包装并使用 html（ ） 方法。

  var markup = $（< a>< / a>）.addClass（ClassName）.attr（{href：Something.html，title：Edit} ）; console.log（$（'< div />'，{html：markup}）。html（）） 

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

I have the following jQuery DOM :

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

I want to convert the above jQuery DOM(markup variable) to html . How to do the same?

解决方案

Either get outerHTML property of dom element

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

console.log(
  markup[0].outerHTML
)

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

---

Or wrap by an element and get html content using html() method.

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

console.log(
  $('<div/>', {
    html: markup
  }).html()
)

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

这篇关于隐藏jquery DOM到html的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！