JQuery 获取表格中的数据

举个例子

  

var arr = $(‘#table tbody tr td:nth-child(2)‘) //根据id依次找到表格中的td,而后取每列的第二个值

.map(function () { return $(this).text() }) // 使用 map 对每一个 td 进行处理,function为回调函数,返回每个元素的text

.get(); // 将对象集合转换为数组

另外还可以在后面.join(",") 这将转换成字符串。

jQuery下有个概念叫“类数组”,比如$( " li " ),当取到一个集合的时候,会有数组的一些属性,但是instancseof Array仍然是false。但是var a=$( "li" ).get()这样处理一下,然后instancseof Array就返回true。

要注意var a=$( "li" ).get(1)里头加序列号可以取到单个元素,这些元素的性质不是jQuery对象,而是Js对象,所以不可直接用jQuery方法。

map()的功能主要有两步,第一步就是遍历,第二步就是替换。

$( " li " ).map( function(  ){

return  $(this).text(  );  // 注意return关键字不可少

} )

map先遍历,每一项都返回一个text()值,然后map会将这些值自动去替换$("li")集合的每一项值,所以这个时候还是个类数组(因为还是$(" li ")的壳子),不是个真正的数组。于是后面加个get()操作就变成真正的数组了,于是可以用join()这样专属于数组的方法。

如:

$( " li " ).map( function(  ){

return  $(this).text(  );

} ).get(  ).join("%")            // 拼接成字符串,中间用“%”隔开



nth-child(2) 选取第几个标签,里面的数字可以是你想要的

nth-child(n+4) 选取大于等于4标签,“n”表示从整数

nth-child(-n+4)选取小于等于4标签

nth-child(2n)选取偶数标签,2n也可以是even

nth-child(2n-1)选取奇数标签,2n-1可以是odd

nth-child(3n+1)自定义选取标签,3n+1表示“隔二取一”

last-child选取最后一个标签,同first-child

nth-last-child(3)选取倒数第几个标签,3表示选取第3个

原文地址:https://www.cnblogs.com/sjw9507/p/8258570.html

时间: 2024-08-26 04:49:47

JQuery 获取表格中的数据的相关文章

js获取表格中的数据 以及 表格中checkbox选中一行数据

前言 不知道是不是大家也遇到过类似的表单,但我绝对是第一次见,如下图所示,表单中包含了表格. 上图中的表格数据是根据数据库中学生表而变化的,这增加了获取表中数据的复杂程度,这里仅仅是记录js如何获取数据传值到后端的办法,所以,仅以表格中张三.李四为例. 示例代码 html <div class="modal-body"> <form id="exam-score-add-form" class="smart-form">

选中并获取表格中的数据

1. 对于循环出来的表格,我们需要获取表格的数据,不使用id . 表格: <table class="table" id="userTable"> <thead> <tr> <th>表格标题</th> <th>表格标题</th> <th>表格标题</th> </tr> </thead> <tbody> <tr>

jquery获取表格中动态单元格内单选框和多选框的值

1.通过table的Id获取到每行(tr)的元素, $("#table_xuan tr") 如果过滤第一行和最后一行 $("#table_xuan tr:not(:first):not(:last)") 2.通过 each()函数遍历 每一行 $("#table_xuan tr").each(function(i)){ // i 代表的是行数 $(this).children("td").each(function(j)){

JQUERY 对 表格中的数据重排序

function reIndex(){ var len1 = $('#table').find('tr').length; for(i = 1; i < len1; i++){ $("#table tr").eq(i).children("td").eq(1).html(i); } }

jQuery Ajax遍历表格,填充数据,将表格中的数据一条一条拼成Jason数组

$.ajax({ url: baseURL + "InvoiceSale/OnQuotaInvoiceSale", //点击核销单号时,点击核销时,交互的页面               type: "POST",                 data: JSON.stringify(createTable.resultData()),     //JSON传递整个表格数据,得到字符串数组               dataType: "json&q

利用java反射机制实现读取excel表格中的数据

如果直接把excel表格中的数据导入数据库,首先应该将excel中的数据读取出来. 为了实现代码重用,所以使用了Object,而最终的结果是要获取一个list如List<User>.List<Book>等,所以需要使用泛型机制去实现.下面会给出代码,可能会稍微复杂一点,但注释很清晰,希望大家耐心阅读. 在上代码之前简单说一下思路: 1.excel表格必须有表头,且表头中各列的值要与实体类的属性相同: 2.先读取表头信息,然后获取表头列数,接着确定需要使用的set方法的名称,并存到数

Java -&gt; 把Excel表格中的数据写入数据库与从数据库中读出到本地 (未完善)

写入: private void insertFile(HttpServletRequest request, HttpServletResponse response) throws IOException { String path_member = request.getParameter("path_member"); List list = this.insert("f:/tmp001.xls", "gs_sale_members");

如何使用免费控件将Word表格中的数据导入到Excel中

我通常使用MS Excel来存储和处理大量数据,但有时候经常会碰到一个问题—我需要的数据存储在word表格中,而不是在Excel中,这样处理起来非常麻烦,尤其是在数据比较庞大的时候, 这时我迫切地需要将word表格中的数据导入到Excel中.相信大家也碰到过同样的问题,下面我就给大家分享一下在C#中如何使用免费控件来实现这一功能.这里,我使用了两个免费API, DocX和Spire.Xls. 有需要的朋友可以下载使用.下载地址: DocX:codeplex官网 Spire.Xls: E-iceb

用原生Dom实现向表格中添加数据

<script> document.getElementById("submit").onclick=function(){ //获取输入节点 var name=document.getElementById("iname"); var email=document.getElementById("iemail"); var addresss=document.getElementById("iaddress");