Transform класс текст моего доменного имени без HTTP и WWW

Question

Использование JQuery или любой сценарий, как изменить текст внутри семантического <p> и <h1> с классом = «сайт-заголовка» на моем <header/> к моему имени домена без http://, www. и Permalink дорожка.

Источник:

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

К (если блог использует суб-домен):

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

ИЛИ (если блог с помощью собственного домена - не суб-домен):

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

Answer 1

Попробуйте следующее:

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

Если текст h1 и p будет заменен текущим URL-адресом страницы.

JSFiddle

Answer 2

вы можете сделать что-то подобное с JQuery:

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

Answer 3

Попробуйте этот код:

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