Jquery按名称选择按钮

Question

我不明白如何用Jquery按名称选择按钮"g_list".

<div class="col-sm-4 sezione-na">
<div class="titolo-sezione-na">Title:</div>
<div class="form-group">
    <div class="col-sm-12"><button name="g_list" type="button" class="btn btn-primary btn-block">Generate list</button></div>
</div>

我写了这个Jquery代码,但它不起作用:

$("input[name='g_list']").click(function(){
alert( "ready!" );});

Answer 1

在你的代码input[name='g_list']中将是具有该名称的搜索输入元素,而不是你需要搜索按钮以便使用button[name='g_list']它.

$("button[name='g_list']").click(function() {
  //--^------ change here
  alert("ready!");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="col-sm-4 sezione-na">
  <div class="titolo-sezione-na">Title:</div>
  <div class="form-group">
    <div class="col-sm-12">
      <button name="g_list" type="button" class="btn btn-primary btn-block">Generate list</button>
    </div>
  </div>