I want to loop through a set of <a>'s in an unordered list.
In jQuery, I'd do it this way:
$("#list ul li a").each(function (x) {
// Do Stuff
});
It's probably a simple question, but how do I pass a variable through as that id shown in the function there? I'd imagine it is something like:
var myVar = 'foo';
$("#list ul li a").each(myVar, function (x) {
// Do Stuff
console.log(x);
});
Console out: foo.
But that doesnt seem to work, how do I do this?
You don't need to pass variable on each(myVar, function(x). You can use myVar inside each with no problem.
var myVar = 'foo';
$("#list ul li a").each(function (x) {
// Do Stuff
console.log(x); // element index
console.log(myVar); //foo
});
Let's see what is wrong with this code.
var myVar = 'foo';
$("#list ul li a").each(myVar, function (x) {
// Do Stuff
console.log(x);
});
You will get:
Uncaught TypeError: undefined is not a function
Because exects that first parameter to be a function and it's a variable.
Also function(x) will never be called because each take only 1 parameter.
Here is the solution,
just use "this" keyword like this:
var myVar = 'foo';
$("#list ul li a").each(function () {
console.log($(this).attr('id'));
});
Thanks
var myVar = 'foo';
$("#list ul li a").each(myVar, function (id) {
// Do Stuff
console.log(id.attr("id"));
});
.each() takes only one argument, and that argument must be a function.
.each()can "see" local variables like "myVar" in the surrounding code. What is it that you want to do exactly?console.log(myVar)in theeach()would work fine, though.