Jquery each 的高级使用问题

问题描述

在使用jquery嵌套时,出现问题htmValue ='';$.each(data.values, function(index,value){ htmValue +='<tr>'; htmValue +='<td style="width:17px"><img src="resources/images/aps/Small-'+value.status+'.gif" /></td>'; htmValue +='<td>'+value.name+'</td>';$.each(data.titles, function(index2,title){ var keys = json2string(title.value);alert(keys); 显示的值为name alert(value["name"]); 显示的值正确alert(value[keys]); 显示undefinedhtmValue +='<td>' + value[keys] +'</td>';});htmValue +='</tr>';});在使用.each时,外的循环的 key值不能动态的赋值?这是为什么? 问题补充:suziwen 写道

解决方案

var dataProperty = {property1:'name1',property2:'name2',property3:'name3'}var dataValues = [{name0:"12",name1:"13",name2:"14"},{name0:"22",name1:"23",name2:"24"}];//以数组的属性值name0,name1和name2不确定属性是动态的 $.each(dataValues,function(index,datas){ $.each(dataProperty,function(index2,property){ //我拿name0,到name3的值通过如下方式,无法拿到 alert(datas[property]); }); }); 这样试试,其实你这个直接用javascript的反射就可以拿到对像的属性了像 var a = {field1:'aaa',field2:'222'}for(var _a in a ){ alert(a[_a]);}
解决方案二:
不如你把页面发给我,我帮你调一下,你这样发代码,我是一头雾水。
解决方案三:
没明白你这个想做什么 ,直接把完整的HTML+JS做附件上传下看看

时间: 2024-11-05 17:23:37

Jquery each 的高级使用问题的相关文章

21个演示展示强大的jQuery特效

就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一!自从Ipad诞生, 并且不支持 Flash Player, 加速了web开发中使用其他技术代替flash,比如 jQuery, Ajax 还有其它. 尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,web设计师习惯于用flash完成一些特效,但这些都能用jQuery轻松实现!下面有21 个在线的演示来显示jQuery在制作高级特效和交互方面的强大能力,可以媲美Flash! 1. Flip! 一个 jQuer

详解强大的jQuery选择器之基本选择器、层次选择器_jquery

jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器.另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器(即选择器插件,参考上篇:jQuery插件原来如此简单--jQuery插件的机制及实战).正是jQuery强大的选择器功能,让它很容易上手,吸引了大批的开发者,本文就来介绍一下强大的jQuery选择器. jQuery选择器类型 jQuery选择器主要分为四类: 1.基本选择器 2.层次选择器 3.过滤选择器 4.表

基于JavaScript实现类似于百度学术高级检索功能_javascript技巧

百度学术http://xueshu.baidu.com/高级检索是通过前台生成后台内部高级语法来实现高级检索的,可以通过前台js做字符串拼接传给后台实现,难度不大: 下面是高级检索的核心功能代码,我使用的是纯js实现,并未使用jquery: <p class="fl srh-btn"> <input type="submit" class="srh-submit" style="height:px" valu

JQuery入门(1)

1.jQuery的优势: 轻量级.jQuery非常轻巧,最新的jQuery版本压缩后,大小保持在80k左右. 强大的选择器.jQuery允许使用从CSS1到CSS3几乎所有的选择器,以及jQuery自己的高级而复杂的选择器.甚至你可以编写属于自己的选择器.出色的DOM操作的封装:jQuery封装了大量常用的DOM操作,让你能轻松地完成各种原本非常复杂的操作.可靠的事件处理机制: 完善的Ajax:jQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax的时候能够专心

JQuery 网站换肤功能实现代码_jquery

从那以后,我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法.但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程. 我将向你们逐步解说整个的过程,不仅仅因为要展示jQuery代码的简介,同时也要揭示jQuery库中的若干高级特性. 首先,代码 复制代码 代码如下: $(document).ready(function() { $('.styleswitch').click(function() { switchStylestyle(this.getAttribute("rel

javascript jscroll模拟html元素滚动条_javascript技巧

主流浏览器默认为html元素提供的滚动条不美观,而且前端开发人员想对其通过css进行统一样式的美化也是不可实现的.比如ie可以通过样式来实现简单的美化.Webkit内核浏览器可以控制滚动条的显示效果,firefox则不允许用户为滚动条定义样式.但是对于追求友好的用户体验的前端开发人员,是不会被这些浏览器的不一致行为所阻止的.我们可以自己通过标准的html元素模拟来实现自定义的滚动条. 这里是自己在工作不太忙的时候写出来了一个用户可以自定义的滚动条jscroll,以下简称jscroll.jscro

jQuery的基本概念与高级编程

  这篇文章主要介绍了jQuery的基本概念与高级编程的简单介绍,有需要的小伙伴可以参考下. (1)jQuery是由美国人John Resig于2006年创建的一个JavaScript库,从最初的1.0版本发展到2011年3月面世的1.5.2版本.作为一个JavaScript库,jQuery极大程度上解决了浏览器的兼容性问题,能够在IE 6.0 +.FF 2.0 +.Safari 3.0 +.Opera 9.0 +以及Chrome下正常运行. (2)虽然jQuery并不是唯一的JavaScrip

jquery高级编程的最佳实践详解

 这篇文章主要介绍了jquery高级编程的最佳实践详解,学习JQ的朋友一定需要这个,参考下吧 加载jQuery   1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址.    代码如下: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.mi

jquery插件开发继承了jQuery高级编程思路

要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统.这好比大公司们争相做平台一样,得平台者得天下.苹果,微软,谷歌等巨头,都有各自的平台及生态圈. 学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件.如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择. 本教程可能不是最精品的,但一定是最细致的. jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的,有了模式,