I think the code is pretty self-explanatory :
elements = $("input.newEntry:not([name^='counter'])");
for (e in elements) {
if (e.css('background-color') == 'rgba(255, 0, 0, 0.6)')
alert("fire event");
}
the error i get is e.css() is not a function. can i somehow cast e to a DOM object?
or is there any workaround for what i want to do?
elements = $("input.newEntry:not([name^='counter'])");
elements.each(function()
{
if ($(this).css('background-color') == 'rgba(255, 0, 0, 0.6)')
alert("fire event");
});
On a side note, I don't think comparing to background-color like that is a good idea. Can't you use a class?
0.6 to 0.7 in your CSS. You have to change your Javascript also... Use classes and the hasClass() jQuery method.
.addClass('valid')) and check for the existence of that. In your CSS, you can style the valid class to have a nice green background.elements is a jQuery collection (returned by the $ function), so better treat it with the functions that jQuery itself provides to you. For example, if you want to iterate on a jQuery collection, use .each().
elements = $("input.newEntry:not([name^='counter'])");
elements.each(function (i, e) {
if ($(e).css('background-color') == 'rgba(255, 0, 0, 0.6)')
alert("fire event");
}
});
Also, in an each(), this will always refer to the current element, so you can even do this:
elements.each(function () {
if ($(this).css('background-color') ...
});
e is not a jQuery object, but a DOM element. Use $(e).css().Do not iterate lists like that.
Use:
for(var i = 0; i < elements.length; i++) {
var e = elements[i];
...
}
(or $.each as James suggests)
Your current for will not only yield all items in the array, but all members of the entire object, which will include jQuery functions such as click, is, etc., which do not have a css function.
Use jQuery.each:
elements = $("input.newEntry:not([name^='counter'])");
elements.each(function (index, element) {
var e = $(element);
if (e.css('background-color') == 'rgba(255, 0, 0, 0.6)')
alert("fire event");
});
elements is a jQuery object. If you loop through it, you also get the functions and properties of that object, not just the indices of the elements.
$("input.newEntry:not([name^='counter'])").each(function() {
if ($(this).css('background-color') === 'rgba(255, 0, 0, 0.6)') {;
alert("fire event");
}
});
cssmethod.