jQuery .html() method

Question

Find element and add/change html of it

$('#area-outlook-link').html('<a href="http://google.com">Google</a>');

Answer 1

Click element, and change element with .html() method

$("button").click(function(){
    $("p").html("Hello <b>world</b>!");
});

Answer 2

Change #regTitle element wih .html() method for JS & jQuery

document.all.regTitle.innerHTML = 'Hello World';
$("#regTitle").html("Hello World");

Answer 3

<a id="search-listing" target="_blank" href="/map-search-property?&keyword=">
  <button class="button white">Search for listings</button>
</a>


<script>
    //jQuery
    var projectname = $('h1.page-header').text();
    var x = "/map-search-property?&keyword=";
    var y = projectname.substr(0, projectname.indexOf(','));
    var result = x + y;

    $('a#search-listing').attr('href', result);
</script>

 

Answer 4

Change content of element with other element

var header = $('h1.page-header');
var forumQ = $('.field-type-text-with-summary > .field-items');

$(header).html(forumQ);

Answer 5

Replace .forum-category element with forumSubCat

var forumSubCat = $('ol.breadcrumb li:nth-child(3) a');
$('span.forum-category').html(forumSubCat);