分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

JQuery 获取表格中的数据

发布时间:2023-09-06 01:35责任编辑:沈小雨关键词:暂无标签

举个例子

  

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个

 

JQuery 获取表格中的数据

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved