如何選擇<a>沒有ID</a>的特定<a>元素？</a>

Question

我想調用href為JavaScript函數的特定<a>元素。 該調用應來自JavaScript代碼。

例如，如果我們有一個標記<div id="ask-question"> 。 我們將通過javascript通過$("#ask-question").onClick()調用。 現在，我的問題是沒有ID的<a>標記。 我該怎么辦？

我的<a>標簽的完整示例：

<a class="update-receive" href="javascript:void(0)">Update & Reward</a>

Answer 1

采用

 $("a.update-receive").click(function () { console.log("Update & Reward"); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a class="update-receive" href="javascript:void(0)">Update & Reward</a> 

Answer 2

選項1 ：（純JavaScript）

您可以通過onclick調用函數，如下所示：

當前：

<a class="update-receive" href="javascript:void(0)">Update & Reward</a>

改成：

<a class="update-receive" href="#" onclick="myFunction();">Update & Reward</a>

演示：

 function myFunction() { console.log("Update & Reward clicked"); } 

 <a class="update-receive" href="#" onclick="myFunction();">Update & Reward</a> 

選項2：（jQuery）

使用jquery按類名調用函數

 $(".update-receive").click(function () { console.log("Update & Reward clicked"); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a class="update-receive" href="#">Update & Reward</a>