js获取多组元素值

最新推荐文章于 2024-07-11 08:47:19 发布

村里娃

最新推荐文章于 2024-07-11 08:47:19 发布

阅读量1k

点赞数

分类专栏： HTML js

本文链接：https://blog.csdn.net/itgujing/article/details/80111879

版权

HTML 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<div align="center">
    <form>
        <table border="1">
            <tr>
                <td>姓名</td>
                <td>电话</td>
                <td>性别</td>
            </tr>
            <tr>
                <td class="uname">古靖</td>
                <td class="tel">185****5457</td>
                <td class="sex">男</td>
            </tr>
            <tr>
                <td class="uname">某某</td>
                <td class="tel">151****2099</td>
                <td class="sex">女</td>
            </tr>
        </table>
    </form>
</div>
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
    $(function () {

        var uname = $('.uname');
        var tel = $('.tel');
        var sex = $('.sex');

        var unames = new Array();
        var tels = new Array();
        var sexes = new Array();

        uname.each(function(index, item){

            unames.push(item.innerHTML);
        });
        tel.each(function(index, item){

            tels.push(item.innerHTML);
        });
        sex.each(function(index, item){

            sexes.push(item.innerHTML);
        });

        var data = new Array();
        for (var i = 0; i < unames.length; i++){

            var tmp = new Array();

            tmp['uname'] = unames[i];
            tmp['tel'] = tels[i];
            tmp['sex'] = sexes[i];

            data.push(tmp);
        }

        console.log(data);
    });
</script>
</body>
</html>