Creating html elements in jQuery

Question

I am trying to use jQuery to create HTML elements. It seems easier just to create the HTML elements using HTML code. However, the assignment I'm working on says to create my elements using Javascript/jQuery.

So my question is, if I create html elements in jQuery, are they added to my HTML file? If not, where does it go?

you might want to research on jQuery .append() w3schools.com/jquery/html_append.asp — Sam Teng Wong
– Sam Teng Wong, Commented Jan 8, 2016 at 7:38
It is added to DOM (in browser memory) and doesn't persist in file, because of Javascript security. — Valijon
– Valijon, Commented Jan 8, 2016 at 7:38
use your web browsers built in inspector. Right click > inspect element. — Matt Greenberg
– Matt Greenberg, Commented Jan 8, 2016 at 7:44
wow. Thank you so much. This will take me pretty far. Thanks again! — jahmzu
– jahmzu, Commented Jan 8, 2016 at 7:49

AsgarAli · Accepted Answer · 2016-01-08 09:50:55Z

0

If you will add any new element using JavaScript/jQuery then it will not be displayed in view source but if you want to know that new element is added or not then you can check it using inspect element.

Below is code to check it programatically.

<script>
if($("div.container").children("div#new-div").length == 0)
{
     // New Div has not been added
}
else
{
    // New Div has been added successfully.
}
</script>

answered Jan 8, 2016 at 9:50

AsgarAli

2,2092 gold badges21 silver badges32 bronze badges

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

4 Comments

bart s Over a year ago

View source is IMHO not really helpful for developing. Better use developer tools (as in safari, chromium, google chorme) or Inspector in Firefox. In the developer tools you can see html tags being added dynamically

bart s Over a year ago

You are right, I must have overlooked it because you named it as inspect element. Note that not all (IE) browsers have an Inspect element in their menu

jahmzu Over a year ago

oh wow ok. I didn't know that you can use .length like that. Using it to find the number of children. I mainly used it to find the number of characters. Interesting.

AsgarAli Over a year ago

If it's interesting then this answer should be up voted & approved.

Collectives™ on Stack Overflow

Creating html elements in jQuery

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related