jQuery实现获取桌子表格第一列值的方法

本文实例讲述了jQuery实现获取桌子表格第一列值的方法。分享给大家供大家参考，具体如下：

先来看看运行效果截图：

完整代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题无标题页/title脚本src=' http : jquery-1。4 .2 .量滴js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $(' # button 1 ')).单击(function(){ var cols=' '；$('#tb tr ').每个(function(){ var text=$(this)).儿童(' td:first ').text()；cols=文本"|";}) cols=cols.length0？cols.substring(0，cols。长度-1): " "；警报(cols)；})})))/脚本/头体输入id=' button 1 ' type=' button ' value=' button '/table id=' tab 1 '边框=' 1 ' style=' width :100%；'tr ThID/th ThName/th ThAddress/th/tr t body id=' TB ' tr td11/TD tdleaf/TD tdgz/TD/tr td22/TD tdflower/TD tdgz/TD/tr/t body/table/body/html更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery拖拽特效与技巧总结》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 、 《jquery选择器用法总结》 及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。