Javascript 如何在jquery中单击按钮和警告消息？_Javascript_Jquery

Javascript 如何在jquery中单击按钮和警告消息？

javascript jquery

Javascript 如何在jquery中单击按钮和警告消息？,javascript,jquery,Javascript,Jquery,我使用了这段代码，但当我点击“释放”按钮时，它不工作，也没有显示警报。我认为DOM Html和Jquery的问题已经可以使用了，但我没有解决这个问题 HTML: 请帮助我查看显示警报。您不需要做所有这些，只需单击您的输入[type='submit']： $(function(){ var ID,tmp_ID,count,flag=0; $("input[type='submit']").click(function(){ ID = $(this).parent

我使用了这段代码，但当我点击“释放”按钮时，它不工作，也没有显示警报。我认为DOM Html和Jquery的问题已经可以使用了，但我没有解决这个问题

HTML:

请帮助我查看显示警报。

您不需要做所有这些，只需单击您的

输入[type='submit']

：

$(function(){
    var ID,tmp_ID,count,flag=0;

    $("input[type='submit']").click(function(){
        ID = $(this).parent().parent().attr('id');
        alert("button");
    }); 
});

这是工作小提琴：

$（文档）.ready（函数（）
{
变量ID，tmp_ID，计数，标志=0；
$（“tr”）。单击（函数（）
{
ID=$（this.attr（'ID'）；
$（“#”+ID）。单击（函数（）{
警报（“ID为=“+ID”的按钮）；
}); 
});
}); 

名称
22
22
22
您可以直接在submit按钮上监听onclick事件，并使用jQuery的函数获取“父tr id”，该函数使用指定的选择器（在您的示例中，tag=tr）查找“最近的”父tr id
请参见以下内容：

$（文档）.ready（函数（）
{
变量ID，tmp_ID，计数，标志=0；
$（“：提交”）。单击（函数（）
{
ID=$（this）.closest（'tr'）.attr（“ID”）；
警报（“按钮”+ID）；
});
});

名称
22
22
22

名称
22
22
22
jQuery（文档）.ready（函数（）
{
jQuery（“tr>td输入[type=submit]”）。每个（函数（）{
jQuery（this）.on（“单击”，函数（）{
控制台日志（“单击”）；
});
});
});
可能重复Hi，alert工作简单，但当我在$（“#”+ID）中使用ID时，它不起作用。您是否已将ID
登录到控制台以检查它是否未定义？我很高兴它帮助了您，再见。您为什么否决了所有其他答案以及该问题？我否决了两个不好的答案。没有碰其他任何东西。真奇怪，在五个答案中，只有你的答案没有被否决。
$(document).ready(function()
{
    var ID,tmp_ID,count,flag=0;

    $("tr").click(function()
    {
        ID = $(this).attr('id');
        /*$("#s" + ID).hide();
        $("#num" + ID).show();
        $("#22").show();*/
    });
     $("#"+ID).click(function(){
            alert("button");
        }); 
 });

$(function(){
    var ID,tmp_ID,count,flag=0;

    $("input[type='submit']").click(function(){
        ID = $(this).parent().parent().attr('id');
        alert("button");
    }); 
});

<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

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



  <table class="table" >
    <thead>
        <tr>
            <th>Name</th>

        </tr>
    </thead>
    <tbody>
        <tr id="1">
            <td class="noEdit">
              <span id="s1">22</span>
              <div>
              <input id = "btn1" class="num" type="submit" value="Release"/>
              </div>
              <input type="number" id="num1" class="num"/>
            </td>
        </tr>
        <tr id="2" class="2">
            <td>
              <span id="s2">22</span>
              <div>
              <input id = "btn2" class="num" type="submit" value="Release"/>
              </div>
              <input type="number" id="num2" class="num"/>
            </td>
        </tr>
        <tr id="3" class="3">
            <td>
              <span id="s3">22</span>
              <div>
              <input id = "btn3" class="num" type="submit" value="Release"/>
              </div>
              <input type="number" id="num3" class="num"/>
            </td>
        </tr>
    </tbody>
<table>
<script>
        jQuery(document).ready(function()
        {
          jQuery("tr>td input[type=submit]").each(function(){
          jQuery(this).on("click",function(){
          console.log("clicked");
        });
        });
        });
</script>
</div>

</body>
</html>