如何将表附加到DIV

5 html javascript jquery

我试图附表div:

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
            function addStuff() {
                var html = '<table>';
                $.each(function() {
                        html += '<tr><td>' + '</td></tr>';
                        });
                html += '</table>';
                $("#divResults").append(html);

            }
        </script>
    </head>
    <body>
        <div id="divResults"></div>
        <button onclick="addStuff()">Add Stuff</button>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

但它没有用.我想动态地将表添加到DIV块.

vai*_*ain 10

你想把表附加到DIV尝试这个....

    <html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">

    function addTable() 

{
    $('#divResults').append('<table width="320" border="1"><tr><td colspan="2" rowspan="1">' + " wdw" + '</td></tr><tr><td width="118">' + "sxs" + '</td><td width="186">' + "xs" + '</td></tr></table>');
}

    </script>
        </head>
    <body>
    <div id="divResults">
    </div>
    <button onclick="addTable()">Add Stuff</button>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)


Pau*_*oub 6

each什么?你的$.each方法需要循环一些东西.例如

function addStuff() {
  var words = ['one', 'two', 'three'];

  var html = '<table>';

  $.each(words, function(i, word) {
    html += '<tr><td>' + word + '</td></tr>';
  });

  html += '</table>';

  $("#divResults").append(html);
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="divResults"></div>
<button onclick="addStuff()">Add Stuff</button>
Run Code Online (Sandbox Code Playgroud)