Home/ Questions/Q 8693931
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T00:39:33+00:00

Using ajax and jQuery Append() to put some items into a div which is

  • 0

Using ajax and jQuery Append() to put some items into a div which is all working well. My question is can I set up some sort to template for the div instead of having to put all the html code in the Append() line?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Have a look at jQuery templates. It seems like it does what you need.

    http://api.jquery.com/template-tag-each/

    See the examples in that page. I think what you are looking for is something like this 

    <!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js">
</script>
</head>
<body>

<script id="movieTemplate" type="text/x-jquery-tmpl"> 
    <li>
        Title: ${Name}.
        {{each Languages}}
            ${$index + 1}: <em>${$value}. </em>
        {{/each}}
    </li>
</script>

<ul id="movieList"></ul>

<script>
var movies = [
    { Name: "Meet Joe Black", Languages: ["French"] },
    { Name: "The Mighty", Languages: [] },
    { Name: "City Hunter", Languages: ["Mandarin", "Cantonese"] }
];

/* Render the template with the movies data */
$( "#movieTemplate" ).tmpl( movies )
    .appendTo( "#movieList" );
</script>

</body>
</html>
    • 0