Как показать кнопку на определенных веб-страницах с помощью javascript

Question

Когда пользователь переходит на мой сайт и нажимает на статью на главной странице статей, мне бы хотелось, чтобы кнопка «Назад к статьям» отображалась только на этих подстраницах. Как указать эти статьи в папке статей? Могу ли я использовать подстановочный знак * .html, чтобы получить все html-страницы под папкой статей в пути? Я новичок в javascript. Благодаря!

Вот код, у меня есть:

--HTML5 

<a href="../articles/articles.html" class="btnArticles">Back to Articles</a> 

--CSS3 

.btnArticles { 
    background-color: #BA6222; 
    color: #ffffff!important; 
    border-radius: 90px; 
    box-shadow: 5px 5px 5px #E49135; 
    padding: 15px 10px; 
    float:right; 
    text-decoration: none; 
    margin-left: 90px; 
    display:none; 

} 

.btnArticles:hover { 
    background-color: #BA6222; 
    opacity: .8; 
    color: #E7E7E7!important; 
} 

--JS 

//Articles button show/hide only on html pages under the articles folder 

$(document).ready(function(){ 

    if (window.location.pathname == "[href='nameofsite/articles/*.html']"){ 
     $(".btnArticles").show(); 
    } 
     else 
     { 
      $(".btnArticles").hide(); 
     } 
}); 

Answer 1

Вы можете попробовать это, шоу кнопки, если это в/папке статей, но не /articles/articles.html:

$(document).ready(function(){ 
    if(window.location.pathname.match(/\/articles/) 
    && (! window.location.pathname.match(/\/articles\/articles\.html/))) 
    { 
    $(".btnArticles").show(); 
    } 
    else 
    { 
    $(".btnArticles").hide(); 
    } 
});