Tag: 迭代

尝试将两个跨度与jQuery结合在一起,需要帮助循环/迭代

我认为这是一个非常棒的问题,但我现在已经考虑了好几个小时了,我无法弄明白。 我需要在下面使用这个html代码并获取.project_name span和.location span以合并到同一个span中。 First Project Name Combined with First Location Second Project Name Combined with Second Location Third Project Name Combined with Third Location ​ 我有这个jQuery代码,它将正确地执行第一组跨度,但将继续使用第一个span的内容来填充其余的。 var s1 = $(‘.project_name’).html(); $(‘.project_name’).remove(); $(‘.location’).prepend(s1 + ‘ ‘); 我假设我需要使用.each()或类似的东西,但我无法弄清楚正确的语法使它工作。 这是我迄今为止所拥有的jsFiddle 。 有任何想法吗? 这可能很简单。

使用“in”关键字迭代Javascript数组

似乎我不理解JavaScript中in关键字的含义。 看看这段代码片段( http://jsfiddle.net/3LPZq/ ): var x = [1,2] for(i in x){ document.write(x[i]); } 在jsfiddle中运行时,它不仅会打印数组中包含的值,还会打印所有数组对象的属性和方法。 当我这样改变时( http://jsfiddle.net/4abmt/ ): $(document).ready(function(){ var x = [1,2] for(i in x){ document.write(x[i]); }}); 它只打印值1和2。 为什么会这样? 这是由jQuery引起的还是in关键字的行为取决于文档是否完全加载?

将多个jQuery.val()读入数组

我有一些看起来像这样的代码可以正常工作: var info = []; for (i = 0; i < 10; i++) { info[i] = $('#info_' + i).val(); } 问题是这种模式在我的应用程序中很常见,但有一些细微的变化。 我想做的是使这成为像这样的oneliner,其中info成为一个数组: var info = $(‘[id^=”info_”]’).each().val();

jQuery使用$ .each迭代对象

我有一个对象options : options = {title : ‘title1’, name : ‘name1’, url : ‘url1’, etc.} 它作为参数传递给函数。 我正在尝试迭代该对象,将其传递给另一个函数evaluate ,并将结果存储在另一个对象opts ,如下所示: var opts = new Object(); $.each(options, function(key,value){ opts.key = evaluate(element, value); }); evaluate(element,value)运行正常,但问题是opts最终看起来像: {key : eval(element,url1)} 代替 {title : eval(element,title1), name : eval(element,name1), etc.} 也就是说, key从字面上传递而不是被评估,并且每次迭代都会覆盖options的最后一个属性。 我的作业行中是否有正确的语法? 我也尝试过: opts = {key : eval(element,val)} 得到与上述相同的结果。 我还可以将对象转换为$.each迭代中的数组。 我尝试了几种方法,但也没有成功。 如果有人能告诉我那条路线,那也很棒。 […]

Jquery Onclick第二次没有发生

我有点困惑为什么这不起作用; 我假设因为我正在添加类并且它没有被添加回集合中我不确定。 这里是jsbin http://jsbin.com/ayije,虽然代码也在下面。 无论哪种方式,我只能在元素上执行一次动作。 $(document).ready(function () { $(‘.optional’).click(function () { $(this).removeClass(‘optional’).addClass(‘selected’); return false; }); $(‘.selected’).click(function () { $(this).removeClass(‘selected’).addClass(‘rejected’); return false; }); $(‘.rejected’).click(function () { $(this).removeClass(‘rejected’).addClass(‘optional’); return false; }); }); a {padding:2px;color:white;} .optional {background-color:blue;} .selected {background-color:green;} .rejected {background-color:red;} a b c

阻止jQuery做它的事情?

我有这个代码。 $(document).ready(function() { $(‘#box’).hide(); $(window).bind(‘scroll’, function(){ if($(this).scrollTop() > 200) { $(“#box”).fadeIn(300); } else { $(“#box”).fadeOut(300); } }); }); 因此,当我向下滚动200px时,它会显示div。 当我向上滚动时,它会消失。 这很好,直到我做了很多。 如果我像一个疯子一样上下滚动,即使在我停下来之后,div也会不停地淡入淡出。 这与此实例无关,它在过去发生了很多事情,我一直想知道如何解决它(通过让它尽快停止,而不是每次我上下滚动都这样做)。 那可能吗?

Javascript – 迭代元素的递归函数

我刚刚开始阅读JavaScript,我正在尝试编写一个小的递归函数,它将搜索给定的节点并将值列表作为字符串返回。 我的HTML结构可能是这样的 parentfolder1 item1 item2 parentfolder2 item1 item2 这是我的Javascript函数: function jsoncreator(parentfolderclass){ var jstring = ”; //get first occurance of parent folder var parentfolder = document.getElementById(parentfolderclass); var childnodes = parentfolder.childNodes; for (property in childnodes){ jstring += property+ childnodes[property]; if(childnodes[property] === parentfolderclass){ jsoncreator(parentfolderclass); jstring += childnodes[property].value + ”; } else{ //jstring += childnodes[i].value + ”; } } […]

达到最大长度值后,将下一个输入聚焦

一旦前一个输入达到最大长度值,如何关注下一个输入? a: b: c: 如果用户粘贴的文本大于maxlength,理想情况下它应该溢出到下一个输入中。 jsFiddle: http : //jsfiddle.net/4m5fg/1/ 我必须强调,我不想使用插件,因为我更愿意学习它背后的逻辑,而不是使用已经存在的东西。 感谢您的理解。

jQuery对象的递归迭代

前几天我以为我在jQuery中看到了一个对象迭代器,它有一个可以设置为递归迭代子对象的标志。 我认为它是jQuery.each()的一部分,但现在我没有在文档中看到这种function。 在jQuery中是否有任何可以自动递归的迭代器? (我知道如何在javascript中执行此操作。只是想知道我是否真的看到了我以为我看到的内容。) 非常感谢! 编辑:要清楚,我正在考虑像jQuery.each()这样的实用程序方法,它将在javascript对象及其嵌套对象上递归迭代。 给定下面的示例,each()方法将遍历所有对象,包括myobj.obj2.key2中的嵌套对象。 我本可以发誓我在jQuery文档中看到了一些关于它的内容,但现在我找不到了。 谢谢。 var myobj = { obj1: {key1:’val1′, key2:’val2′}, obj2: {key1:’val1′, key2: {nest1:’val1′, nest2:’val2′, nest3:’val3′}}, obj3: {key1:’val1′, key2:’val2′} } $jQuery.each(myobj, function(key,val) { // Code to run over each key/val pair // Does so recursively to include all nested objects })