通过使用jQuery在表中添加tr

时间:2019-04-16 01:35:14

标签: javascript jquery html

我使用HTML在表中添加TR。我想用Jquery做到这一点。 这是我的代码。

HTML

<table class="table">
      <thead>
        <tr>
          <th>STT</th>
          <th>MSSV</th>
          <th>NAME</th>
          <th>MATH</th>
          <th>ENGLISH</th>
          <th>LITERATURE</th>
          <th>GRADE</th>
          <th>FUNCTION</th>
        </tr>
      </thead>
      <tbody id="ds-sv">
      </tbody>
    </table>

jQuery

$("#addBtn").click(function() {
        var mssv = $("#mssv").val();
        var name = $("#name").val();
        var math = $("#math").val();
        var eng = $("#eng").val();
        var sinh_vien = [mssv, name, math, eng]
        dssv.push(student);
        refresh_input();
        var html = "";
        for (var i = 0; i < dssv.length; i++) {
            var sv = dssv[i];
            var stt = i + 1;
            var sv_html = "<tr><td>" + stt + "</td><td>" + sv[0] + "</td><td>" + sv[1] + "</td><td>" + sv[2] + "</td><td>" + sv[3] + "</td></tr>";
            html = html + sv_html;
        }
        $('#ds-sv').html(html);
    });

我希望这些代码由Jquery编写

for (var i = 0; i < dssv.length; i++) {
            var sv = dssv[i];
            var stt = i + 1;
            var sv_html = "<tr><td>" + stt + "</td><td>" + sv[0] + "</td><td>" + sv[1] + "</td><td>" + sv[2] + "</td><td>" + sv[3] + "</td></tr>";
            html = html + sv_html;
        }

我是新手。我尝试了一些代码,但是没有用。

1 个答案:

答案 0 :(得分:-2)

我更喜欢使用append命令,这是一种简单的做法

$('#ds-sv').append('<tr><td>" + stt + "</td><td>" + sv[0] + "</td><td>" + sv[1] + "</td><td>" + sv[2] + "</td><td>" + sv[3] + "</td></tr>');