Comment remplacer à la fois le contenu du DIV et le nom de la classe ?

Question

Je veux localiser un div et remplacer à la fois le contenu et le nom de la classe du div par un autre, comment faire ?

<div class="replaceme1"> 
  replace me 2, too

Answer 1

$("div.replaceme1")
    .html("<p>new text</p>")
    .removeClass("replaceme1")
    .addClass("SomeNewClassReplacement");

Answer 2

En supposant que vous utilisiez la bibliothèque jQuery, consultez :

1. En .text() ou l'attribut .html() pour modifier son contenu ;
2. En .addClass() et l'attribut .removeClass() ; ou
3. En .attr() attribut ;

pour modifier sa classe. Notez que dans ce dernier cas, vous devrez utiliser des guillemets.

Donc, pour votre exemple, vous feriez :

$('div.replaceme1')
    .removeClass('BottomSmMargin MiniCheckDiv')
    .text('Hello world!');

Answer 3

$('div.replaceme1')
    .removeClass('replaceme1')
    .addClass('Foo')
    .html('<p>Some new text</p>')

Lisez le .html() , .removeClass() y .addClass()

Answer 4

Si vous voulez tout remplacer :

$('#replace_this').after('#to_this').remove();