javascript - 如何使用动态 ID 隐藏页面上的特定跨度类？

Question

我试图在所有单个事件页面上隐藏一个名为“details”的类，但不在我的主事件页面上隐藏。

主要事件页面是demosite.com/events/ 单个事件页面为 demosite.com/events/?event_id=2。

我尝试过使用 css 伪类，但无法让它工作。我正在使用 javascript 尝试此操作，但它不起作用 - 因为它隐藏了两个页面上的“详细信息”类。

这是我到目前为止所尝试过的。

$(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();
}