隐藏上一个输入按钮

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