jquery map_将某个包装集中的元素转换为数组

最新推荐文章于 2022-05-08 10:45:23 发布

hq_Tree

最新推荐文章于 2022-05-08 10:45:23 发布

阅读量1.5k

点赞数

分类专栏： WEB前端开发学习笔记文章标签： jquery

本文链接：https://blog.csdn.net/qq_31179919/article/details/52935408

版权

WEB前端开发学习笔记专栏收录该内容

25 篇文章 0 订阅

订阅专栏

http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>03_select</title>
    <meta name="author" content="Administrator" />
    <script type="text/javascript" src="jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function() {
            //$("tbody td:nth-child(1)").css("color","#f00");

            /*
             * 通过map可以有效的将某个包装集中的元素转换为数组
             */
            var ps = $("tbody td:nth-child(1)").map(function(){
                var n = $(this).next("td");
                var p = {"id":$(this).html(),"name":n.html()};
                return p;
            }).get();

            for(var i=0;i<ps.length;i++) {
                alert(ps[i].name);
            }
        });
    </script>
</head>
<body>
<table id="tus" width="700" border="1" align="center"></table>
<table width="700" border="1" align="center" id="users">
    <thead>
        <tr>
            <td>用户标识</td>
            <td>用户姓名</td>
            <td>用户年龄</td>
            <td>用户密码</td>
        </tr>
    </thead>
    <tbody>
        <tr id="abc">
            <td>1</td>
            <td>张三</td>
            <td>23</td>
            <td>abc123</td>
        </tr>
        <tr>
            <td>2</td>
            <td>李四</td>
            <td>33</td>
            <td>abc123</td>
        </tr>
        <tr>
            <td>3</td>
            <td>王五</td>
            <td>13</td>
            <td>abc123</td>
        </tr>
        <tr>
            <td>4</td>
            <td>赵六</td>
            <td>45</td>
            <td>abc123</td>
        </tr>
        <tr>
            <td>5</td>
            <td>朱琪</td>
            <td>21</td>
            <td>abc123</td>
        </tr>
    </tbody>
</table>
</body>
</html>

hq_Tree

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery map_将某个包装集中的元素转换为数组

http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>03_select</title
复制链接

扫一扫