zoukankan      html  css  js  c++  java
  • 数组索引赋值

    jQuery方法:

    var tit = [
                '鼠','牛','虎','兔','龙','蛇','马','羊','猴','鸡','狗','猪'
            ]
            var txt = [
                '白羊座充满了正义感者的领导风范,但在方法上总到意想不到的失败。这会使老天所赐予的天赋从此偃旗息鼓,难有用武之地。此偃旗息鼓,难有用武之地此偃旗息鼓,难有用武之地',
                '222',
                '333',
                '444',
                '555',
                '666',
                '777',
                '888',
                '999',
                '10',
                '11',
                '12'
            ];
            $('#sxTab a').on('click',function () {
                $(this).addClass('current').siblings().removeClass('current');
                var z = $(this).attr ( 'data-value') ;//自定义属性 data-value="1"
                $('#sxPic img').attr("src","../statics/images/sx/" + z + ".png");//对应图片
                $('#sxWords').html(tit[$(this).index()]);//索引
                $('#sxTxt').html(txt[$(this).index()]);//索引
            })

    JavaScript代码:

    var pic = [
                '../statics/images/sx/1.png',
                '../statics/images/sx/2.png',
                '../statics/images/sx/3.png',
                '../statics/images/sx/4.png',
                '../statics/images/sx/5.png',
                '../statics/images/sx/6.png',
                '../statics/images/sx/7.png',
                '../statics/images/sx/8.png',
                '../statics/images/sx/9.png',
                '../statics/images/sx/10.png',
                '../statics/images/sx/11.png',
                '../statics/images/sx/12.png'
            ];
            var tit = [
                '鼠','牛','虎','兔','龙','蛇','马','羊','猴','鸡','狗','猪'
            ]
            var txt = [
                '111',
                '222',
                '333',
                '444',
                '555',
                '666',
                '777',
                '888',
                '999',
                '10',
                '11',
                '12'
            ]
            var sxTab = document.getElementById('sxTab');
            var menu = sxTab.getElementsByTagName('a');
            var picList = document.getElementsByClassName('J_pic')[0];
            var imgList = picList.getElementsByTagName('img')[0];
            var J_sxWords = document.getElementsByClassName('J_sxWords')[0];
            for (var i = 0; i < menu.length; i++) {
                (function (i) {
                    menu[i].onclick = function () {
                        imgList.setAttribute('src',pic[i]);
                        J_sxWords.innerHTML = tit[i];
        
                    }
                }(i))
            }
  • 相关阅读:
    安卓测试工具uiautomator无法打开失败报错解决方案
    python2 与 python3的区别
    linux下自动获取并安装软件包 apt-get 的命令介绍
    安全测试常用几个工具
    常用安全测试工具
    实时爬取上海快3的结果
    性能测试监控工具nmon安装及使用方法
    locust性能测试框架随笔
    adb常用命令
    App性能测试
  • 原文地址:https://www.cnblogs.com/huanghuali/p/8812832.html
Copyright © 2011-2022 走看看