隱藏以前輸入按鈕

Question

我有PHP代碼執行一個循環，在其內部會生成以下內容：

echo "<input type=\"button\" event='$eventID' id=\"sendsomeone\" value=\"Send a family member\"/>"; 
echo "<span id='$eventID'></span>"; 

後來，我的JavaScript其中如下：

$('input:button').click(function() { 
    $(this).next("span").append('You clicked this button!'); 
} 

此代碼工作精細。但我想它也隱藏按鈕（但並不是所有的頁面上的按鈕）

我試着代碼嘴硬像

$(this).parent("input").hide(); 

和$(this).prev("input").hide();

但我做不到不知道如何使它工作。

Answer 1

看起來你已經在按鈕選擇器中使用$('input:button')，所以你有沒有試過這樣做？

$(this).hide(); 

Answer 2

你可能也想看看toggle這是有幫助的，因爲它泔水隱藏它，如果它是可見的，並顯示它，如果它不是：

$(this).toggle();