javascript - 如果 URL 哈希以 Javascript 中的单词开头，则隐藏 div

Question

如果 URL 哈希不包含“news”，我如何隐藏以 id“news”开头但也包含“news1”、“news2”等数字的 div。

喜欢隐藏如果someurl.com/#events。但如果 someurl.com/news1

则显示任何“新闻”div

需要常规 JS

谢谢

Answer 1

试试这个:-

$(function(){
  var url = window.location.hash;
 
  if(url.indexOf('news') > -1){
    $("div[id^='news']").hide();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="news1">News1</div><br>

<div id="news2">news2</div><br>
<div id="news3">news3</div><br>
<div id="event">event</div><br>

更新:(使用纯 JavaScript)

(function() {
   var url = window.location.hash;
  /* for testing set the hash to 'news' */
    url='news';

 if(url.indexOf('news') > -1){
 
  var bodyDOM = document.body;
  bodyDOM.querySelectorAll("[id^='news']").forEach(function(item, index){
    item.style.display='none';
  });
 }
})();

<div id="news1">News1</div><br>

<div id="news2">news2</div><br>
<div id="news3">news3</div><br>
<div id="event">event</div><br>