IE8，jquery addclass不工作，既不是javascript classname

Question

我正在尝试在jquery（或javascript）中为li添加一个类。它在FF和Google中运行良好，但IE8似乎没有识别代码，因为没有添加类。

我正在使用jquery 1.9.1，你可以在这里看到例子：

事情是我正在使用http://mediaelementjs.com/添加音频（各种歌曲），点击再现，这些歌曲中的每一首都用javascript包装。这就是为什么我需要为每首歌添加一个类来为每首歌分配一个背景图像。

我尝试了以下内容，但都不起作用：

/// first code ///

$(document).ready(function() {
    $(".mejs li").each(function(i) {
        $(this).addClass("at_" + (i+1));
    });
});

/// second code ///

$(document).ready(function(){
  var i = 1;
  $(".mejs li").each( function() {
      $(this).attr("class", "at_"+i);
      i++;
  });
});

/// third code ///

var elements = document.getElementsByTagName("li");
var nameClass = '';
for (i = 0; i < elements.length; i++) {
    nameClass =  elements[i].className+" at_"+i; 
    elements[i].className = nameClass;
}