CODEWITHSUNDEEP
jquery-selectors
Senthil Elayappan
Senthil Elayappan

Reputation: 183

.each() not working in IE

I want to get all labels inside a div, the blow piece of code works in Firefox and not working IE. Any idea. Thanks in advance.

<div id='discounts'>
  <label id="discount1"> discount 1</label>
  <label id="discount2"> discount 2 </label>
  <input type="text" id="discountmisc"  value="" />    
</div>

var selectLabels = {

    getLabels: function() {
        $('#discounts > label').each(function(index, item) {
            alert(index + $(item).attr('id'));
        });
    }
};

selectLabels.getLabels();

Upvotes: 0

Views: 904

Answers (1)

Dan Beam
Dan Beam

Reputation: 3927

Are you wrapped in DOM Ready functions? i.e.

$(function () {
    var selectLabels = {
        getLabels: function() {
            $('#discounts > label').each(function(index, item) {
                alert(index + $(item).attr('id'));
            });
        }
    };

    selectLabels.getLabels();
});

or alternately:

var selectLabels = {
    getLabels: function() {
        $('#discounts > label').each(function(index, item) {
            alert(index + $(item).attr('id'));
        });
    }
};

$(selectLabels.getLabels);

or finally (because you don't care about the return value):

var selectLabels = {
    getLabels: function() {
        $(function () {
            $('#discounts > label').each(function(index, item) {
                alert(index + $(item).attr('id'));
            });
        });
    }
};

selectLabels.getLabels();

Tell me, and if so, I'll change my answer.

Upvotes: 2

Related Questions