Скрытие кнопки с помощью jQuery

Question

Пожалуйста, помогите мне скрыть кнопку с помощью jQuery или css.

<div align="center"> 
     <div class="popup-content"> 
      <div class="content"> 
      </div> 
     </div> 
     <button onclick="window.close();">Close</button> 
    </div> 

Answer 1

с помощью CSS:

.popup-content+button{ 
display:none; 
} 

---

JQuery:

$(".popup-content+button").hide(); 

Answer 2

первым дать вашей кнопки идентификатор

<button id="btnclose" onclick="window.close();">Close</button> 

затем используя jQuery

jQuery("#btnclose").hide(); 

надеюсь, что это послужит вашей цели.

ОБНОВЛЕНИЕ -

jQuery('.popup-content').parent().last().hide(); 

проверить эту скрипку - jsfiddle.net/jLkv4b2d

Answer 3

Просто дайте эту кнопку, некоторые идентификатор и скрыть эту кнопку с помощью JQuery, как это:

HTML:

<button id='btn'>Button<button> 

JQuery:

$ ("# btn"). Hide();

Jquery, чтобы скрыть кнопку, когда она нажата:

$("#btn").click(function(){ 
    $(this).hide(); 
    }); 

Answer 4

Я думаю, что это то, что вы ищете.

$(document).on('click', 'button', function(){ 
    $(this).css('visibility:hidden;') 
}) 

Этот код удалит любую кнопку, когда она нажата, даже если эта кнопка была добавлена ​​к DOM после этого обработчика был объявлен. Причина, почему я не использую display:none;, состоит в том, что элементы с display:none; не занимают места в потоке документа, поэтому ваши другие элементы могут перестроить себя. Использование visibility:hidden; скроет элемент, но он все равно займет место (что, я думаю, вам и нужно).