Question

我有一个嵌套在表格中的按钮，如下所示

 <div class="marketoptionslist">
 <table>
 <thead>        
 <tr>          
 <th>#</th>          
 <th>Description</th>          
 <th>Current</th>          
 <th>Previous</th> 
 </tr></thead>      
 <tbody>    
 <tr class="marketoptionrow OP">      
 <td class="DisplayNumber">1</td>      
 <td class="DisplayName"> Flour</td>      
 <td><a class="button">click</a></td></tr> //when this button is clicked an alert must be displayed
 </tbody>
 </table>
 </div>

当我点击上面的按钮时，我想产生一个警报。我已经尝试了以下内容，似乎没有任何东西检测到点击并产生警报

function test()
{
 if $("marketoptionslist a button").click(function (){
 alert("clickeddddd");
}
}test();
function test()
{
 if $("marketoptionslist marketoptionrow OP a button").click(function (){
 alert("clickeddddd");
}
}test();

还有另一种检测按钮是否被点击的方法吗？

Answer 1

简单您的脚本代码如下所示删除其他

<script>
$(function(){
$(".button").click(function (){
 alert("clickeddddd");
});
});
</scirpt>

Answer 2

只需在您的班级.button上添加一个监听器即可。这够了

$(".button").click(function(){
  console.log("class button clicked ");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="button">click</button>
<button class="button">click</button>
<button class="button">click</button>

Answer 3

你可以使用事件冒泡。

$(document).on("click" , ".button" , function()
{
   alert("Button clicked.");
});

单击按钮时，请调用警报

3 个答案: