Question

Ok, correct me if I’m wrong, but I take it that jQuery attr() does NOT work in IE. (marked wontfix) That being the case, what is the best alternative? For example, this works everywhere but IE:

jQuery(document).ready(function($) {
    $('.airsrc').each(function() {
        var $this = $(this);
        var src = $this.attr('data-websrc');
        $this.attr('src', src);
    });
});

Update: Whoops…I realize the issue. I actually had this inside an if statement based on a CSS3 media query. Media queries that aren’t natively supported in IE8 or lower. The attr() definitely works!

Answer 1

I use attr with data-* attributes on IE all the time, I’ve never had a problem. Here’s a live version, just tested in IE6, IE7, and IE9. Don’t have my IE8 box handy, but again, I’ve never had a problem.