jquery gets outerhtml The code that contains the current node itself _jquery

During the development process, jquery.html () Gets the HTML code under the current node and does not contain the code for the current node itself, and then sometimes we do, and there is no way to get the JQuery API documentation.

See some people through parent (). HTML (), if the current element is not a sibling, if it does not work. The experiment later found that there was a method of jquery that could be solved, and very simple, as follows:

Jquery.prop ("outerhtml");

Copy Code code as follows:

<div class= "Test" ><p>hello, Hello! </p></div>
<script>
$ (". Test"). Prop ("outerHTML");
</script>

The output is: <div class= "Test" ><p>hello, Hello! </p></div>

Because the native JS Dom has a built-in attribute outerhtml (see the case, Oh, JS is case-sensitive) used to get the current node's HTML code (including the current node), so the prop () can be obtained by using jquery (), the experimental attr () method is not available, no letter , we can try, thank you.

Of course, someone uses the jquery clone () function with append () to create a node with only one child element, and then to get the node's HTML, which is also feasible, but the code is cumbersome.