Convert script snippet to jQuery

Question

I'm working with a KENDO control (unimportant i think) that feeds a "script" object to one of its parameters (again also i think unimportant).

What I think IS important, when i fire a popup for the HTML of the scripted object, i see the [DIV] tags:

I want to refactor this as a jQuery object and have come up with this code snippet:

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

however when I 'alert' the html(), I lose the [DIV] tags.

Yes I see that the original example is embedded in a script while mine is not - ignorant as I am, I feel that my final solution doesn't need to wrap a [DIV] inside a script object?

blex · Accepted Answer · 2021-02-01 21:33:11Z

1

jQuery's .html() method returns the same result as native JS innerHTML. It returns what's inside the element. jQuery does not offer a way to get the outer HTML, but you can do it using the native .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>

answered Feb 1, 2021 at 21:33

blex

25.7k6 gold badges49 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Convert script snippet to jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related