Question

我怎样才能隐藏以id＆＃34; news＆＃34;开头的div？但也包含一些像＆＃34; news1＆＃34; ＆＃34;新闻2＆＃34;如果URL哈希不包含＆＃34; news＆＃34;。

喜欢隐藏someurl.com/#events。但要显示任何＆＃34;新闻＆＃34; div someurl.com/news1

需要常规JS

感谢，

Answer 1

该脚本尚未经过测试。它执行以下步骤：

在网址中搜索“#news”字样。在我们的例子中，如果没有任何字词。
对于ID为“new”或类似

将CSS添加到此div以隐藏它。

<script type="text/javascript">
$(document).ready(function () {
    if(window.location.href.indexOf("#news") < 0) {
        $("div[id^='news']").css('display', 'none');
    }
});
</script>

Answer 2

试试这个： -

＆＃13;

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

＆＃13;

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

＆＃13;

更新:(使用纯JavaScript）

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

如果你把一个课程放在你想要申请的所有div上，你可以这样做：

$(document).ready(function() {
    $('.CLASSNAME').each(function(i) {
        if($(this).val().indexOf('WORD_YOURE_LOOKING_FOR') > -1) {
            $(this).css('display', 'none');
         }
    );
});

Answer 4

你可以像这样访问URL中的哈希：

var hash = window.location.hash;

我不是100％清楚你想做什么。如果你想显示news1 div，你可以这样做：

if(hash == 'news1') {
   $('#news1').show();
}

Answer 5

试试这个：

var hash = window.location.hash;
$('[id^="'+hash+'"').hide();

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

5 个答案: