Comment changer le contenu html en utilisant jquery?

Question

En utilisant jquery comment puis-je changer la valeur de l'élément h2?

<div id="d"> 
 
<div class="imge"> 
 

 
<img src="meter.jpg" width="450" height="350" alt="" /> 
 
<h2>1234578 </h2>      //I want to change the value of this element 
 
<p><font size="5">kWh</font></p> 
 

 

 
</div> 
 
</div>

Je souhaite modifier la valeur de l'élément h2 tous les 5 s à partir du code js.

<script type="text/javascript"> 
 

 
function showValue() 
 
{ 
 
\t 
 
\t $.ajax({          
 
     url: 'Data_collector.php',       
 
     data: "",       
 
             
 
     dataType: 'json',     
 
     success: function(data)   
 
     { 
 
     var id = data[0];    
 
     
 
     //-------------------------------------------------------------------- 
 
     // 3) Update html content 
 
     //-------------------------------------------------------------------- 
 
\t \t Here I want to update the h2 element value every 5s 
 
\t \t 
 
\t \t //Set output element html 
 
     
 
     } 
 
    }); 
 
\t 
 
\t 
 
} 
 

 

 

 
</script>

Je suis nouveau à jquery.How puis-je accéder à un élément d'en-tête de la classe qui se trouve dans un div? Ou devrais-je y accéder directement?

Answer 1

La méthode .replaceWith() supprime le contenu du DOM et insère le nouveau contenu à sa place avec un seul appel. Considérez cette structure DOM:

<div class="container"> 
    <div class="inner first">Hello</div> 
    <div class="inner second">And</div> 
    <div class="inner third">Goodbye</div> 
</div> 

La seconde intérieure <div> pourrait être remplacé par le code HTML spécifié:

$("div.second").replaceWith("<h2>New heading</h2>"); 

Il en résulte la structure:

<div class="container"> 
    <div class="inner first">Hello</div> 
    <h2>New heading</h2> 
    <div class="inner third">Goodbye</div> 
</div> 

http://api.jquery.com/replacewith/