jquery动态添加表格

jquery动态添加表格,第1张

在jquery里可以直接用isNaN(),因为他是JavaScript的类库。是由JavaScript语言写的。

例如:

<script type="text/javascript">

$(document).ready(function(){

alert(isNaN($('#id').val()))

})

</script>可以直接使用

首先,我们需要打开电脑上的编辑软件,新建一个htm5的页面,然后我们需要设置页面为屏幕自适应:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

然后我们在页面中引用库文件,注意库文件的引用顺序,需要引用的是min.css而不是普通的css文件。jquery.js的引用要在jquery.mobile.min.js的引用之前:

<script type="text/javascript" src="js/jquery.js"></script>

<script src="js/jquery-mobile-1.4.1.js"></script>

这些都准备妥当之后,我们就在body里面新建一个div,将其data-role设置为page表示是一个页面。然后我们在div中插入一个main DIV,再在div中插入一个包含thead和tabody的table表格。这样,我们的表格就做好了。

比如设置table的id为tab

var

trHTML

=

"..."

$("#tab").append(trHTML)//在table最后面添加一行

$("#tab

tr:eq(2)").after(trHTML)

//

在table的第3行后面添加一行

这样就可以进行动态的添加行了,至于你是通过什么事件来动态添加那就看你自己的意思了,通过button或者div之类的点击事件添加,只要把上面的两行代码放进去就ok,注意,要把var

trHTML那行代码放进添加事件里面,不然不管点击多少下,都只能添加一行

$(function()

{

$(":button").click(function()

{

var

tr

=

"new"

//$("table").append(tr)

$("table

tr:eq(2)").after(tr)

})

})

这是我测试用的代码,你可以运行看看


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11312172.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-15
下一篇2023-05-15

发表评论

登录后才能评论

评论列表(0条)

    保存