Home/ Questions/Q 5977897
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T21:26:12+00:00

I have main html document: <html><head></head> <body> <div id=content> </div> </body> </html> Also I

  • 0

I have main html document:

<html><head></head>
<body>
    <div id="content">
    </div>
</body>
</html>

Also I have a content file (not the html document, just html code):

<div class="CodeRay">
<div class="code"><pre><span class="no">   1</span> require
....
</pre></div>

I want to add the content file to html document like here:

<html><head></head>
    <body>
        <div id="content">
            <div class="CodeRay">
            <div class="code"><pre><span class="no">   1</span> require
            ....
            </pre></div>
        </div>
    </body>
</html>

How to use jQuery to accomplish this task? Also I need to run this site localy. Thanks.

EDIT: Locally means like this “file:///E:/Work/ReadTheCode/main.html”

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use jQuery’s .load() function. The code would probably look something like this: 

    $(document).ready(function(){
  $('#content').load('contentFile.html');
});

    If you need more info, here is the link to jquery’s load documentation.

    • 0