JQuery 按钮 id 选择器不起作用答案

【问题标题】：JQuery Button id Selector is not workingJQuery 按钮 id 选择器不起作用
【发布时间】：2018-08-26 17:28:21
【问题描述】：

我有多个按钮来执行不同的查询。但是尽管按钮 id 用作选择器，但 HTML 并未捕获事件。我想隐藏它并使用 display blcok 显示另一个按钮

$("#del1").click(function(){
  var del = document.getElementById("del1");
	var confdel = document.getElementById("confdel1");
	del.style.display="none";
	confdel.style.display="block";
});

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>

  <button form="" class="btn btn-success" id="send1"  style="float:right; width:35%;padding: 0.5rem 0.5rem;">Send</button>
  <button form="" class="btn btn-warning" id="request1"  style="float:right; width:37%;padding: 0.5rem 0.5rem;">Request</button>
  <button form="" class="btn btn-danger" id="del1"  style="float:right; width:23.5%;padding: 0.5rem 0.5rem;">Delete</button>
  <button form="" class="btn btn-danger" id="confdel1"  style="float:right; width:23.5%;padding: 0.5rem 0.5rem;display:none;">ConfirmDelete</button>

</body>
</html>

【问题讨论】：

$("#del1").click(function(){ 更正
如果您点击edit 链接，您可以更新您的问题以更正代码。
我做了“更正”... sn-p 似乎按预期工作。 --- 你的页面上有多次这些按钮吗？
@LouysPatriceBessette 我有多个按钮，但每个按钮都有唯一的 ID。这就是为什么我将数字放在最后以确保 php 迭代不相同。
好吧好吧...那么问题是什么？您想要一个适用于所有人的单一功能吗？

标签： jquery html

【解决方案1】：

试试这个，使用 jQuery，然后对你的 ID 进行一些清理。如果是 ID，请在选择器中使用 #。由于您单击了#del1，因此您可以在方法中使用$(this)。 jQuery 有 show/hide 方法，可以简化 css 的处理。

$('#del1').click(function(){
  $(this).hide();
  $('#confdel1').show();
});

【讨论】：