我有一个数组:
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)
但似乎没有工作......我怎么排队这个?
我和班级"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)
谢谢.
我正在尝试通过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) 使用$ .each ...
$.each(this.validationRules, function(){
if ( !self.validateField($('#' + this.fieldID), silent) ) ...
Run Code Online (Sandbox Code Playgroud)
在调用最后一个元素后给我一个未定义的错误..但仅限于IE8.
有没有人为此工作?
给出这个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代码时旋转木马中的物品会触发所有旋转木马.单击下一个/上一个按钮可移动所有轮播中的项目.
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不是我最强的,我相信我几乎就在那里.
谢谢
我是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)
怎么了?
在搜索和阅读文档后,我无法找到解决此问题的直接解决方案:
从ArrayController渲染项目列表,我想每N个元素插入一个位置或页面指示符.
我很感激Ember的任何想法都可以做到这一点!
通常我会假设,这可以在模板中处理,类似于......
each listitems
if index % 5 == 0
insert indicator
Run Code Online (Sandbox Code Playgroud)
...但是Ember没有暴露索引,Handlebars模板应该是无逻辑的.
我能想到的第二种方法是使用ArrayController并在数组中的每个第n个对象上设置一个属性,但为什么对象需要知道这个?设置一个属性感觉就像混乱和很多错误的可能性.
任何想法都将受到高度赞赏!
我正在研究<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) 我想在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)过,但结果是一样的.