Как изменить содержимое html с помощью jquery?

Question

Использование jquery, как я могу изменить значение элемента 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>

Я хочу, чтобы изменить значение элемента h2 каждые 5с из кода 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>

Я новичок в jquery.How я могу получить доступ к элементу заголовка в классе, который находится в пределах DIV? Или я должен напрямую обращаться к нему?

Answer 1

Метод .replaceWith() удаляет контент из DOM и вставляет новый контент на свое место с помощью одного вызова. Рассмотрим DOM структуру:

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

Второй внутренний <div> может быть заменен на указанный HTML:

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

Это приводит к структуре:

<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/