标签: each

jquery每个函数和队列

我有一个数组:

arr = ['a', 'b', 'c', ... ]
Run Code Online (Sandbox Code Playgroud)

我希望它是:

 <div>
  <ul>
    <li>a
    <li>b
    <li>c
    ...
  </ul>
 </div>
Run Code Online (Sandbox Code Playgroud)

所以我正在尝试:

$('div').append('<ul>');
$.each(arr, function () {
    $('div').append('<li>' + this);
});
$('div').append('</ul>');
Run Code Online (Sandbox Code Playgroud)

但似乎没有工作......我怎么排队这个?

queue each jquery

0
推荐指数
1
解决办法
722
查看次数

使用jquery每个在悬停时显示/隐藏

我和班级"myanchor"有几个链接.我想为每个链接显示一个div(onmouseover)和hide(onmouseout):

"link1"显示"div1""link2"显示"div2"...

我的代码不起作用:

$(document).ready(function () {
        var n = $(".myanchor").length;
        var arr = [];
        for (var i = 1; i <= n; i++) {
            arr[i] = i;
        };

        jQuery.each(arr, function () {
            $("#anchor" + this, "#div" + this).mouseover(function () {
                $("#div" + this).show();
            }).mouseout(function () {
                $("#div" + this).hide();
            });
        });
    });
Run Code Online (Sandbox Code Playgroud)

谢谢.

each jquery onmouseover

0
推荐指数
1
解决办法
4307
查看次数

使用jQuery .each()函数设置数组?

我正在尝试通过jQuery的.each()函数建立一个数组,但似乎我没有正确地做到这一点?

我在html中有属性,例如:

<div class="cheers" data-fname = "fname" data-lname="lname">some ish..</div><!-- going through a while loop!-->
Run Code Online (Sandbox Code Playgroud)

然后我有一个jquery函数,做这样的事情

var arrayMe = [];
$(".cheers").each(function(index){
    arrayMe[index] = $(".cheers").attr('data-fname')+","+$(".cheers").attr('data-lname');
});
Run Code Online (Sandbox Code Playgroud)

然后,当我尝试做各种警报时:

alert(arrayMe); //this gives me the fname,lname
alert(arrayMe[0]); //this gives me the first fname,lname in the array
alert(arrayMe[0][1]); //this SUPPOSED to give me the first lname, but it gives me a letter...
Run Code Online (Sandbox Code Playgroud)

arrays indexing each jquery function

0
推荐指数
1
解决办法
9024
查看次数

IE8中的$ .each似乎被计算了太多次

使用$ .each ...

  $.each(this.validationRules, function(){
        if ( !self.validateField($('#' + this.fieldID), silent) ) ...
Run Code Online (Sandbox Code Playgroud)

在调用最后一个元素后给我一个未定义的错误..但仅限于IE8.

有没有人为此工作?

each jquery internet-explorer-8

0
推荐指数
2
解决办法
485
查看次数

循环表行,计算(乘)输入值,在另一个输入中设置结果

给出这个HTML:

<table class="hours-table">
    <tr>
        <th>Hours</th>
        <th>Hourly Rate</th>
        <th>Date Total</th>
    </tr>
    <tr>
        <td class="hours"><input type="text" class="hours" name="hours-01" value="" /></td>
        <td class="rate"><input type="text" class="rate" name="rate-01" value="" /></td>
        <td class="date-total"><input type="text" class="date-total" name="date-total-01" value="" /></td>
    </tr>
</table>

<p><a class="calculate" href="#" title="calculate row">Calculate</a></p>
Run Code Online (Sandbox Code Playgroud)

我正在尝试循环遍历行,获取每行中的小时和费率值,将它们相乘并在'date-total'输入中设置该值(不一定必须是总数的输入,但我会在多列上进行另一次计算)

几个小时我的头颅为什么一千次尝试获取这些值都没有用,例如:

$('.calculate').on('click', function() {
    $('.hours-table tr').each(function() {
        var hours = $(this).find('input.hours').val(); // nope
        var hours = $('input.hours', this).val(); // nope
        var hours = $('input.hours', $this).val(); // nope
        //var dateTotal = (hours * rate);
        //$(this).find('input.date-total').val(dateTotal);
        return false;
    }) //END .each
}) …
Run Code Online (Sandbox Code Playgroud)

each jquery

0
推荐指数
1
解决办法
6328
查看次数

jQuery下面的多个轮播的每个函数,prev标识符问题

我正在为我的网站使用猫头鹰轮播,并希望在一个页面上多次使用轮播,我已经使用.each成功实现了这一点,但是当我点击上一个或下一个按钮来显示我使用的jQuery代码时旋转木马中的物品会触发所有旋转木马.单击下一个/上一个按钮可移动所有轮播中的项目.

jQuery(document).ready(function($) {        
    $(".owlcarousel-slider").each( function() {     
        var $this = $(this);
        var autoscroll = $this.attr("data-autoscroll"); 
        if(autoscroll == 1) {autoscroll = true;} else {autoscroll = false;}

        $this.owlCarousel({
            autoPlay: autoscroll
        });      

        $(".next").click(function(){
            $this.trigger('owl.next');
        })

        $(".prev").click(function(){
            $this.trigger('owl.prev');
        })             
    });
});
Run Code Online (Sandbox Code Playgroud)

我相信错误的代码必须是这一点,

$(".next").click(function(){
    $this.trigger('owl.next');
})

$(".prev").click(function(){
    $this.trigger('owl.prev');
})
Run Code Online (Sandbox Code Playgroud)

不幸的是,我的jQuery不是我最强的,我相信我几乎就在那里.

谢谢

javascript each jquery

0
推荐指数
1
解决办法
5873
查看次数

jQuery $().每个vs $ .each()vs for循环

我是JS和Query的新手,所以我认为这是一个非常简单的任务,我想只需要从$ .each()$().each()和for循环的测试重写"循环".这是我的代码.

var tab = ["John", "Steve", "Ben", "Damon", "Ian"],
    $list = $('#list');

$.each(tab,function(index,value){
    $list.append("<li>"+ value+ "</li>");
});
Run Code Online (Sandbox Code Playgroud)

第二个和第三个循环不起作用:

tab.each(function(index){
    $list.append("<li>"+ tab[index] + "</li>");
});
Run Code Online (Sandbox Code Playgroud)

for (var i,len=tab.length;i<len;i++) {
    $list.append("<li>"+ tab[i]+ "</li>");
}
Run Code Online (Sandbox Code Playgroud)

怎么了?

each jquery loops for-loop

0
推荐指数
1
解决办法
1575
查看次数

Ember:如何在列表中每n个元素渲染一个元素?

在搜索和阅读文档后,我无法找到解决此问题的直接解决方案:

从ArrayController渲染项目列表,我想每N个元素插入一个位置或页面指示符.

我很感激Ember的任何想法都可以做到这一点!

通常我会假设,这可以在模板中处理,类似于......

each listitems
    if index % 5 == 0
        insert indicator
Run Code Online (Sandbox Code Playgroud)

...但是Ember没有暴露索引,Handlebars模板应该是无逻辑的.

我能想到的第二种方法是使用ArrayController并在数组中的每个第n个对象上设置一个属性,但为什么对象需要知道这个?设置一个属性感觉就像混乱和很多错误的可能性.

任何想法都将受到高度赞赏!

javascript each pagination list ember.js

0
推荐指数
1
解决办法
187
查看次数

在4 td之后Groovy每个新的tr

我正在研究<g:each>.我有一个array with size = 6.我想创建一个每个tr为4 td的表.例如:我在数组中进行循环with size = 6

<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
</tr>
<tr>
    <td>5</td>
    <td>6</td>
</tr>
Run Code Online (Sandbox Code Playgroud)

each grails groovy gsp

0
推荐指数
1
解决办法
312
查看次数

求和数返回NaN

我想在div里面做一些数字,所以,我做了:

$(document).ready(function() {
    var numbers, sumNumbers;

    $(".item").each(function() {
  	numbers = $(this).children().text();
        numbers = +numbers;
    
        sumNumbers += numbers;
    });
  
    console.log(sumNumbers);
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="item">
  <span class="itemNum">0</span>
</div>

<div class="item">
  <span class="itemNum">2</span>
</div>

<div class="item">
  <span class="itemNum">1</span>
</div>
Run Code Online (Sandbox Code Playgroud)

但是,同样numbers将从文本转换为数字与+numbers返回NaN,为什么?我已经尝试Number(numbers)过,但结果是一样的.

javascript each jquery nan

0
推荐指数
1
解决办法
1953
查看次数