Jaspp

最新推荐文章于 2024-07-11 16:04:40 发布

。U

最新推荐文章于 2024-07-11 16:04:40 发布

阅读量78

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_45725981/article/details/111845097

版权

课程名称：所属学院：

      <tr>
        <th>课程名称</th>
        <th>所属学院</th>
        <th>已学会</th>
      </tr>
      <tr>
        <td>JavaScript</td>
        <td>信息工程系</td>
        <td><a href="javascrip:;" class="del">删除</a></td>
      </tr>
      <tr>
        <td>css</td>
        <td>信息工程系</td>
        <td><a href="javascrip:;" class="del">删除</a></td>
      </tr>
      <tr>
        <td>html</td>
        <td>信息工程系</td>
        <td><a href="javascrip:;" class="del">删除</a></td>
      </tr>
      <tr>
        <td>jQuery</td>
        <td>信息工程系</td>
        <td><a href="javascrip:;" class="del">删除</a></td>
      </tr>

  </table>

<script>
    $('#j_btnAddData').click(function() {
        var lesson = $('#tname').val();
        var belSch = $('#tdep').val();
        var con=$('<tr><td>' + lesson + '</td><td>' + belSch + '</td><td><a href="javascrip:;" class="del">删除</a></td></tr>');
        $('#j_tb').append(con);
        $('#tname').val('');
        $('#tdep').val('');
    });
    $('#j_tb').on('click', '.del', function () {
        $(this).parent().parent().remove();
    });


</script>

Document

标签一

标签二

标签三

标签四

one

two

three

four