How Do I Replace/Change The Heading Text Inside <h3></h3>, Using jquery?

Question

How do I change/replace the <h3> text: "Featured Offers" using javascript to say "Public Offers" instead?

</div>  <!-- FEATURED OFFERS --> <div class="panel">    <div class="head">       <h3>Featured Offers</h3>    </div>    <div class="body">       <table>          <thead>             <tr> 

Answer 1

If you can select it, you can manipulate it.

Try this:

$(".head h3").html("your new header"); 

But as others mentioned, you probably want head div to have an id.

Answer 2

you don't - not like this. give an id to your tag , lets say it looks like this now :

<h3 id="myHeader"></h3> 

then set the value like that :

myHeader.innerText = "public offers";