什么是普通的JavaScript等价的.each,并$(this).find在这个例子中一起使用时?
$(document).ready(function(){
$('.rows').each(function(){
var textfield = $(this).find(".textfield");
var colorbox = $(this).find(".box");
function colorchange() {
if (textfield.val() <100 || textfield.val() == null) {
colorbox.css("background-color","red");
colorbox.html("Too Low");
}
else if (textfield.val() >300) {
colorbox.css("background-color","red");
colorbox.html("Too High");
}
else {
colorbox.css("background-color","green");
colorbox.html("Just Right");
}
}
textfield.keyup(colorchange);
}
)});
Run Code Online (Sandbox Code Playgroud)
这基本上是我要完成的工作,我知道我需要使用一个循环,但我不确定该如何设置。我不想只将jQuery用于此简单功能,如果我不必
我删除了已经尝试过的代码,因为它更改了颜色框的每个实例,所以我不确定自己做错了什么。
我正在尝试创建一个行分隔符,它将有一些文本作为标题,然后按照文本进行页面边缘的删除.我以为我正在编写jquery的位,以便在我的分隔符div的每个实例上调用该函数,但显然我不是.
这是我认为它应该是:
$(".separator").each(function() {
var linewidth = 706 - $(".s-text").width();
$(".s-line").width(linewidth);
});
Run Code Online (Sandbox Code Playgroud)
请看这里的小提琴:http://jsfiddle.net/WY7tL/