2014-11-05 160 views
-1

一個按鈕,請幫我隱藏使用jQuery或CSS的按鈕。隱藏使用jQuery

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

回答

1

用css:

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

的jQuery:

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

先給你的按鈕ID

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

然後使用jQuery

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

希望這有助於你的目的。

更新 -

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

檢查這個小提琴 - jsfiddle.net/jLkv4b2d

+0

不需要身份證。 – j08691 2014-11-05 18:30:41

+0

我們如何解決沒有ID? – 2014-11-05 18:32:10

+0

@Manb然後,試試這個 jQuery('button')。hide(); – arp 2014-11-05 18:36:15

0

只要給該按鈕的一些標識和使用jquery這樣的隱藏按鈕:

HTML:

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

jQuery的

$( 「#BTN」)隱藏();

jQuery來隱藏按鈕被點擊時:

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

如何在這種情況下動態添加按鈕? – 2014-11-05 19:14:02

+0

你想說什麼?我認爲你要做的是點擊按鈕,然後隱藏該點擊的按鈕。爲此我正在編輯我的答案。 – 2014-11-06 13:23:29

0

我認爲這是你在找什麼。

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

該代碼被點擊時它會刪除任何按鈕,即使該按鈕被添加到DOM此處理程序被宣佈之後。我之所以不使用display:none;是因爲display:none;的元素不佔用文檔流中的空間,所以其他元素可能會重新排列。使用visibility:hidden;會隱藏元素,但它仍然佔用空間(我認爲這是你想要的)。