.replaceWith()

Returns: jQuery

  • version added: 1.2.replaceWith( newContent )

    Заменяет выбранные элементы на новые указанные в newContent . newContent может быть HTML-строкой, DOM-элементом, jQuery-объектом

  • version added: 1.4.replaceWith( function )

    Заменяет выбранные элементы на новое содержимое, которое вернет функция function

В примере заменим кнопки на параграфы с тем же текстом:

HTML:

  <style>
        button {
            display: block;
        }
  </style>
   <button>Кнопка 1</button>
   <button>Кнопка 2</button> 
   <button>Кнопка 3</button>
   

JS:
$(function (){
    $("button").click(function () {
        $(this).replaceWith("<p>" + $(this).text() + "</p>");
    });
});



Связанные уроки:

  • 20 полезных методов jQuery, которые следует использовать в работе

    Итак, Вы попробовали использовать jQuery, и он Вам понравился! Пора перейти на следующую ступень на лестнице мастерства. В данном уроке будут продемонстрированы 20 функций и способов jQuery, о которых Вы может быть раньше не слышали.

  • 15 особенностей jQuery 1.4

    jQuery постоянно развивается. Релиз версии 1.4 состоялся в январе. jQuery 1.4 получила много новых функций, расширений и имеет значительно лучшую производительность. Данная статья посвящена описанию основных улучшений jQuery 1.4.

  • Удаление, замена и перемещение элементов в jQuery

    Удаление, замена и перемещение контента являются фундаментальными концепциями, которые позволяют строить замечательные сайты на основе jQuery.

^ Наверх ^