Jquery-使用Json字符串单击时递增到下一个数组



我有一个简单的问题。从Javascript/Jquery开始,我想创建一种简单的方法来查看中文抽认卡,基于简单的点击增量,用定义逐个显示汉字。

基本上,我想一个接一个地调用数组中的适当项。

为了进行一些测试,我成功地在点击时显示了下一个数组,但我找不到像Json数组那样找到下一个array.property的解决方案。

以下是我已经做过的代码,它运行良好,但只适用于一个直数组(没有Json-只是向您展示我正在等待的结果):

<script src="./js/jquery-2.0.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script>
        $(document).ready(function(){
          var arr = ["爱", "八", "爸爸", "杯子", "北京", "本", "不", "不客气", "菜", "茶", "吃", "出租车", "打电话", "大", "的", "点", "电脑", "电视", "电影", "东西", "都", "读", "对不起", "多", "多少", "儿子", "二", "饭馆", "飞机", "分钟", "高兴", "个", "工作", "狗", "汉语", "好", "喝", "和", "很", "回", "会", "火车站", "家", "叫", "今天", "九", "开", "看见", "块", "来", "老师", "了", "冷", "里", "零", "六", "妈妈", "吗", "买", "猫", "没", "没关系", "米饭", "明天", "名字", "哪", "哪儿", "那", "那儿", "呢", "能", "你", "年", "女儿", "朋友", "漂亮", "苹果", "七", "钱", "前面", "请", "去", "热", "人", "认识", "日", "三", "商店", "上午", "少", "谁", "什么", "十", "时候", "是", "书", "水", "睡觉", "说话", "四", "岁", "他", "她", "太", "天气", "听", "同学", "喂", "我", "我们", "五", "喜欢", "下", "下午", "下雨", "先生", "现在", "想", "小", "小姐", "些", "写", "谢谢", "星期", "学生", "学习", "学校", "一", "衣服", "医生", "医院", "椅子", "有", "月", "在", "再见", "怎么", "怎么样", "这", "这儿", "中国", "中午", "住", "桌子", "字", "昨天", "做"];
          var index = 0;
          $('#next').click(function(){ 
            $('#quote').html(arr[index]); 
            index = (index + 1) % arr.length ;
         });
        });
        </script>
        </head>
        <body>
        <div id='quote'></div> <button id='next'>Next</button>
        </body>
        </html>

结果很好,但我想节省时间并检索相同的数据,点击Json数组中的"下一项"时递增,如下所示:

var arr =
               [
                {
                    "Numéro": "1",
                    "Chinois": "爱",
                    "Pinyin": "ài",
                    "Français": "aimer, affection, apprécier",
                    "Classificateurs": ""
                },
                {
                    "Numéro": "2",
                    "Chinois": "八",
                    "Pinyin": "bā",
                    "Français": "huit, 8",
                    "Classificateurs": ""
                },
                {
                    "Numéro": "3",
                    "Chinois": "爸爸",
                    "Pinyin": "bà ba",
                    "Français": "père, papa",
                    "Classificateurs": "CL: 个,位[wèi]"
                },
                {
                    "Numéro": "4",
                    "Chinois": "杯子",
                    "Pinyin": "bēi zi",
                    "Français": "verre, coupe",
                    "Classificateurs": "CL:个,支[zhī],枝[zhī]"
                },

我想检索与以前相同的数据。但我不能只正确地选择带有"Chinois"的字符串。然后,我可以调整事件并将其正确地放置在网页上。

我希望我已经足够清楚了。

谢谢!

使用以下函数处理点击事件:

function(){ 
    $('#quote').html(arr[index].Chinois); 
    index = (index + 1) % arr.length ;
}

相关内容

最新更新