隐藏上一个输入按钮

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