Как скрыть определенный класс span на странице с динамическим идентификатором?

Question

Я пытаюсь скрыть класс под названием «детали» на всех страницах одного события, но не на главной странице событий.

Главная страница мероприятия demosite.com/events/ Отдельные страницы событий: demosite.com/events/?event_id=2.

Я пробовал с псевдо-классами css, но не могу заставить его работать. Я пытаюсь это с помощью javascript, но он не работает - поскольку он скрывает класс «details» на обеих страницах.

Это то, что я пробовал до сих пор.

$(function(){ 
    var url = document.location.href; 

    if (url.toLowerCase().indexOf('http://demosite.com/events/') >= 0) { 
    $('.details').hide(); 
    } else { 
    $('.details').show(); 
    } 
}); 

Answer 1

Все страницы будут включать demosite.com/events - вы ищете для страниц, которые также не имеют event_id с.

if (document.location.search.indexOf('event_id=') >= 0)) 
    $('.details').hide(); 
} else { 
    $('.details').show(); 
} 

Answer 2

Что вам нужно сделать, это посмотреть, есть ли параметр, передаваемый в URL-адрес, и затем скрыть на нем. Так вот Javascript функция, чтобы получить параметр и чек на него:

<script> 
$(document).ready(function() { 
    var eventid = getParamterByName('event_id'); 
    if (eventid != "") { 
     $('.details').hide(); 
    } 
    else { 
     $('.details').show(); 
    } 

}); 

function getParameterByName(name) { 
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 
     results = regex.exec(location.search); 
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
} 


</script>