Side navigation
#6461 closed bug (worksforme)
Opened April 19, 2010 11:41PM UTC
Closed August 09, 2010 01:22AM UTC
Last modified March 13, 2012 08:31PM UTC
Difference in $.each() between 1.3.2 and 1.4.2
| Reported by: | lillq | Owned by: | |
|---|---|---|---|
| Priority: | Milestone: | 1.4.3 | |
| Component: | traversing | Version: | 1.4.2 |
| Keywords: | each | Cc: | |
| Blocked by: | Blocking: |
Description
In the following code the value of this is different between 1.3.2 and 1.4.2
In 1.3.2 in the each loop below (typeof this === string).
But in 1.4.2 in the each loop below (typeof this === object).
Thus in the loop below the classes are not removed from the elements due to the (this) not being a string in 1.4.2.
/****************The Code***********************/
var myArray = ['class1', 'class2', 'class3', 'class4'];
jQuery(function() {
elements = $('div.class1');
jQuery.each(myArray, function() {
elements.removeClass(this);
});
alert(elements.attr('class'));
});
Attachments (0)
Change History (3)
Changed April 19, 2010 11:47PM UTC by comment:1
Changed August 03, 2010 04:19PM UTC by comment:2
Same problem here. For some reason 'this' is ALWAYS an object, not just a string or number. Here's the code I'm using:
$.each( [ 1 ], function () {
alert( this === 1 );
});
Why is jQuery.each changing the data type of the variable?
Changed August 09, 2010 01:22AM UTC by comment:3
| resolution: | → worksforme |
|---|---|
| status: | new → closed |
It's not jQuery, it's Javascript.
$.eachuses the
Function.callmethod to invoke the callback. The code there has not changed from 1.3.2 to 1.4.2.
https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Function/call
If thisArg is null or undefined, this will be the global object. Otherwise, this will be equal to Object(thisArg) (which is thisArg if thisArg is already an object, or a String, Boolean, or Number if thisArg is a primitive value of the corresponding type). Therefore, it is always true that typeof this == "object" when the function executes.
Better formatted code:
/****************The Code***********************/var myArray = ['class1', 'class2', 'class3', 'class4'];jQuery(function() {elements = $('div.class1');jQuery.each(myArray, function() {elements.removeClass(this);});alert(elements.attr('class'));});