jQuery append() 方法如何添加表格?为何添加了没效果?

x_hola
  • 666

代码如下

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").append("<table>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>>");
  });});

</script>
</head>

<body>
<p>This is a paragraph.</p>

<button id="btn1">Append text</button>
</body>
</html>
回复
阅读 9.3k
2 个回答
✓ 已被采纳

append 里面的东西用一个 $() 包起来,另外,多行 javascript 文本最好用一对 ` 号来表示(ES6语法)

<!DOCTYPE html>
<html>

<head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">

    </script>
    <script>
$(document).ready(function(){
    $("#btn1").click(function(){
        $("p").append($(`
<table>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>`));
    });
});
    </script>
</head>

<body>
    <p>This is a paragraph.</p>

    <button id="btn1">Append text</button>
</body>

</html>

append表格的字符串别换行或者用连字符链接起来就好了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏