Question

使用jquery可以根据class和id属性点击，但可以点击基于ref属性调用吗？

我的代码位于ref="btFirst"以下，但不确定如何访问ref。

<button class="ag-paging-button" onclick="alert('Hello world!')" ref="btFirst" data-vivaldi-spatnav-clickable="1">First</button>

$( ".btFirst" ).click(function() {
  alert( "Handler for .click() called." );
});

Answer 1

使用CSS属性选择器（漂亮而彻底的CSS技巧reference）：

＆＃13;

$('[ref="btFirst"]').on("click", function(e) {
  alert( "Handler for .click() called." );
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button ref="btFirst">Click me</button>

＆＃13;

Answer 2

您可以使用

$('button[ref="btFirst"]').on('click', function(e){
 alert('ref button clicked');
});

＆＃13;

$('button[ref="btFirst"]').on('click', function(e){
 alert('ref button clicked');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<button class="ag-paging-button" onclick="alert('Hello world!')" ref="btFirst" data-vivaldi-spatnav-clickable="1">First</button>

＆＃13;

Answer 3

如果你想更具体：

<强> HTML ：

1.SRA-D12-TY2-2017WW36.1.234
2.SRA-D12-TY2-2017WW31.3.201
3.SRA-D12-TY2-2017WW29.5.188

<强>的jQuery ：

<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  </head>
  <body>
    <button class="ag-paging-button" ref="btFirst" data-vivaldi-spatnav-clickable="1">First</button>
  </body>
</html>

您无需在按钮标记

中添加

$(document).ready(function(){
$( "button.ag-paging-button[ref='btFirst']" ).on('click', function() {
  alert( "Handler for .click() called." );
});
});

希望这可以帮助你。

如何根据ref属性单击按钮？

3 个答案: