jQuery заменить соответствующий элемент другим тегом элемента

Question

Я обертываю свои изображенные изображения в фигурном элементе. Тем не менее, IE8 не распознает элемент фигуры должным образом и наклеивает мое изображение. Итак, я пытаюсь использовать jQuery для обнаружения IE8 и замены элемента рисунка простым элементом div.

Вот мой тест JQuery:

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

Это работает отлично, за исключением, что атрибуты исходной фигуры элемента больше не привязаны к замененной сНу элемента (в соответствии с инспектором Хрома)

Answer 1

Используйте ниже код, чтобы скопировать атрибуты тоже ...

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);