Question

Hi guys I was just wondering what (i, val) means in this function and what it is passing?

function boldToggler(itemid) {
    $(itemid).css("font-weight", function(i, val) {
        return val == "bold" ? "normal" : "bold";
    });
}

Any help would be greatly appreciated!

Answer 1

From .css( propertyName, function(index, value):

function(index, value) – A function returning the value to set. this
is the current element. Receives the index position of the element in
the set and the old value as arguments.

For example, suppose you had the following HTML:

<div style="font-weight: normal" />
<div style="font-weight: bold" />

And you execute:

$("div").css("font-weight", function(i, val) {
    return val == "bold" ? "normal" : "bold";
});

function(i, val) will be executed once for each div element. In the first execution, i will be 0, and val is the old value of the font-weight property, that is, normal. In the second, i will be 1, and val is the old value of the font-weight property, that is, bold.