jQuery用另一个元素标记替换匹配的元素

Question

我将我的精选图像包裹在一个图元素中。但是，IE8不能正确识别图形元素，并形成我的图像。所以，我试图用jQuery来检测IE8，并用一个简单的div元素替换figure元素。

这里是我测试的jQuery：

jQuery('.entry figure.figureFeatured').replaceWith(
    jQuery('<div/>').html(
     jQuery('.entry figure.figureFeatured').html() 
     ) 
    ); 

它（根据Chrome的检查员）

Answer 1

下面的代码使用复制工作正常，除了原有的数字元素的属性不再附着在更换div元素属性太...

jQuery('.entry figure.figureFeatured').replaceWith(
    var $div=jQuery('<div/>'); 
    $div.html(jQuery('.entry figure.figureFeatured').html()) 
    $div.attr(jQuery('.entry figure.figureFeatured').getAttributes()); 
    ); 

您需要的getAttributes功能就像添加到下面的Jquery

(function($) { 
    $.fn.getAttributes = function() { 
     var attributes = {}; 

     if(this.length) { 
      $.each(this[0].attributes, function(index, attr) { 
       attributes[ attr.name ] = attr.value; 
      }); 
     } 

     return attributes; 
    }; 
})(jQuery);