jquery如何增加列(jquery,web开发)

时间:2024-05-09 15:11:58 作者 : 石家庄SEO 分类 : web开发
  • TAG :

在jquery中,可以利用append()方法增加列,该方法用于在被选元素的结尾插入指定内容,并将括号内的参数设置为td单元格即可,语法为“tr元素对象.append(td单元格代码)”。

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎么增加列

append() 方法在被选元素的结尾(仍然在内部)插入指定内容。

语法

$(selector).append(content)

content 必需。规定要插入的内容(可包含 HTML 标签)。

使用函数在指定元素的结尾插入内容。

$(selector).append(function(index,html))

function(index,html)必需。规定返回待插入内容的函数。

示例如下:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>123</title><scriptsrc="js/jquery.min.js"></script></head><body><script>functionaddCol(){$col=$("<td>增加的列</td>");$("tr").append($col);}</script><tableborder="1"><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr><tr><td>January</td><td>$100</td></tr><tr><td>January</td><td>$100</td></tr></table><inputid="Button1"type="button"onclick="addCol()"value="增加列"/></body></html>

输出结果:

jquery如何增加列

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:jquery如何增加列的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:SpringBoot如何整合minio下一篇:

5 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18