Скрыть HTML элемент по идентификатору

Question

Надеюсь, быстрый и грязный способ, чтобы удалить «Задать вопрос» (или скрыть) со страницы, где я могу только добавить CSS и Javascript:

<div class="nav" style="float: right;"> 
     <ul> 
      <li style="margin-right: 0px;" > 
       <a id="nav-ask" href="https://stackoverflow.com/questions/ask">Ask Question</a> 
      </li> 
     </ul> 
    </div> 

я не могу скрыть класс nav, потому что другие элементы страницы его используют.

Могу ли я скрыть элемент связи через идентификатор nav-ask?

Answer 1

<style type="text/css"> 
    #nav-ask{ display:none; } 
</style> 

Answer 2

Я обнаружил, что следующий код, при вставке в сноске сайта, работает достаточно хорошо:

<script type="text/javascript"> 
$("#nav-ask").remove(); 
</script> 

Это может или не может требовать JQuery. На сайте я редактирования есть JQuery, но, к сожалению, я не javascripter, поэтому у меня есть только ограниченные знания о том, что происходит здесь, и требования данного фрагмента кода ...

Answer 3

.nav ul li a#nav-ask{ 
    display:none; 
} 

Answer 4

Если вы хотите сделать это с помощью javascript, а не CSS, вы можете использовать:

var link = document.getElementById('nav-ask'); 
link.style.display = 'none'; //or 
link.style.visibility = 'hidden'; 

в зависимости от того, что вы хотите сделать.

Answer 5

@Adam Davis, введенный вами код на самом деле является вызовом jQuery. Если у вас уже есть библиотека загружена, который работает просто отлично, в противном случае вам нужно будет добавить CSS-код

<style type="text/css"> 
    #nav-ask{ display:none; } 
</style> 

или если у вас уже есть «hideMe» CSS класс:

<script type="text/javascript"> 

    if(document.getElementById && document.createTextNode) 
    { 
     if(document.getElementById('nav-ask')) 
     { 
      document.getElementById('nav-ask').className='hideMe'; 
     } 
    } 

</script> 

Answer 6

вы можете использовать CSS селекторы

a[href="https://stackoverflow.com/questions/ask"] { display:none; }