Transform class text to my domain name without http and www

Question

Using jquery or any script, how to change Text inside semantic <p> and <h1> with class='site-title' on my <header/> to my domain name without http://, www. and permalink path.

Source:

<header role='banner'>
<h1 class='site-title'>My Blog Title</h1><!-- homepage header title -->
<p class='site-title'><a href='mylink'>My Blog Title</a></p><!-- other page header title -->
</header>

TO (if blog is using sub-domain):

<header role='banner'>
    <h1 class='site-title'>mysubdomain.blogspot.com</h1><!-- change the text My Blog Title only -->
    <p class='site-title'><a href='mylink'>mysubdomain.blogspot.com</a></p><!-- get my domain name witout http and www -->
    </header>

OR (if blog using self domain - not sub-domain):

<header role='banner'>
    <h1 class='site-title'>blogspot.com</h1>
    <p class='site-title' href='mylink'>blogspot.com</p>
    </header>

Answer 1

Try this :

$(document).ready(function () {
    $('.site-title').text(window.location.host);
});

Where the text of h1 and p will be replaced by the current url of the page.

JSFiddle

Answer 2

you can do something like that with jquery:

    var myDomain = window.location.host;
    $(".site-title").html(myDomain);

Answer 3

Try this code:

var site = location.hostname.replace(/^www\./,'');
$('.site-title').text( site );