Javascript 如何在没有onclick属性帮助的情况下在jQuery函数中传递值？

我面临一个问题，需要将一个或多个参数传递给

javascript

函数。比如说

<a href="#" OnClick="Delete(1,'q');" > X </a>
<a href="#" OnClick="Delete(2,'u');" > X </a>

并编写了类似这样的

jQuery

函数，以从链接中捕获我的单击函数

$("#actRemove").each(function() {
   $(this).on("click", function () {
      alert($(this).data("action"));
   });
});

---

但是，唉！！我没做完。此链接仅适用于第一个锚点

Delete1

所有锚点均不工作。这是我的链接。我已经看过了这些答案。每个问题都有第一种解决方法，使用

onclick

并将参数传递给函数。我的想法不同。此外，我的另一个问题是，是否有任何方法可以将参数传递给

jQuery

函数

，而无需在

html

属性中写入

onclick

，但是如何从html端将其发送到函数？

而不是

id

使用

class

选择器：-

HTML:-

<a  href="javascript:viod(0);" title="Delete" class="actRemove" data-action="/List/Delete/1" ><span class="glyphicon glyphicon-remove"></span>Delete1</a>
<a  href="javascript:viod(0);" title="Delete" class="actRemove" data-action="/List/Delete/2" ><span class="glyphicon glyphicon-remove"></span>Delete2</a>
<a  href="javascript:viod(0);" title="Delete" class="actRemove" data-action="/List/Delete/2" ><span class="glyphicon glyphicon-remove"></span>Delete3</a>

工作演示：-

$（.actRemove”）。在（“单击”上，函数（）{
警报（$（this）.data（“操作”）；
});

您可以这样使用

<a  href="javascript://" title="Delete" id="actRemove_1" data-action="/List/Delete/1" ><span class="glyphicon glyphicon-remove"></span>Delete1</a>
<a  href="javascript://" title="Delete" id="actRemove_2" data-action="/List/Delete/2" ><span class="glyphicon glyphicon-remove"></span>Delete2</a>
<a  href="javascript://" title="Delete" id="actRemove_3" data-action="/List/Delete/2" ><span class="glyphicon glyphicon-remove"></span>Delete3</a>



$("a[id^='actRemove_']").on("click", function () {
     alert($(this).data("action"));
})


$（[id^='actRemove']）。在（“单击”，函数（）{
警报（$（this）.data（“操作”）；
})
您可以直接在javascript中获取HTML对象的值，而无需使用onclick传递该值，方法是：

var object_id = document.getElementById('object_id').value;

所有元素都必须具有唯一的ID，而不是使用ID在每个元素中使用相同的类anchor@lazycoder，您对所有定位标记使用了相同的id。如果id是唯一的，则类可能是重复的。您应该为每三个锚定标记提供相同的类，并在class not id上触发事件
<a  href="javascript://" title="Delete" id="actRemove_1" data-action="/List/Delete/1" ><span class="glyphicon glyphicon-remove"></span>Delete1</a>
<a  href="javascript://" title="Delete" id="actRemove_2" data-action="/List/Delete/2" ><span class="glyphicon glyphicon-remove"></span>Delete2</a>
<a  href="javascript://" title="Delete" id="actRemove_3" data-action="/List/Delete/2" ><span class="glyphicon glyphicon-remove"></span>Delete3</a>



$("a[id^='actRemove_']").on("click", function () {
     alert($(this).data("action"));
})

var object_id = document.getElementById('object_id').value;