Question

我可以通过id运行'a'元素的onclick函数吗？

<a id="id_12" onclick="myfunction('1')">text</a>
<a id="id_23" onclick="myfunction('2')">text</a>
<a id="id_34" onclick="myfunction('3')">text</a>
<a id="id_45" onclick="myfunction('4')">text</a>

当用户按下回车键时，我知道“a”元素的id，我想将相关功能运行到onclick。这可能吗??

感谢。

Answer 1

你可以尝试这个来帮助在点击方法下压缩和直观地控制你的功能动作，所有这些都来自页面上的一个地方......

HTML ...

<div id="mlinks">
<a id="id_12">text</a>
<a id="id_13">text</a>
...
...
</div>

JS ......

$(function() {
  $('#mlinks').find('a').on("click",function(event) {
  mthis = $(this);
  var mid = mthis.attr('id');

  if (mid == "id_12") {
   console.log('you found 12');
   //and do stuff or adjust a variable value...
  }

  if (mid == "id_13") {
   console.log('you found 13');
   //and do other stuff or adjust a variable value again...
  }
  });
});

Answer 2

你可以做到

$('#id_12')[0].onclick();

或者没有HTML onclick事件，只使用jQuery：

<a id="id_12">text</a>

然后

// Bind an event handler to the "click" JavaScript event
$('#id_12').click(myFunction('1'));

// Execute the handler
$('#id_12').trigger('click');

但是，当您的用户按 ENTER 时，我不明白您如何知道<a>的ID？

Answer 3

使用jQuery，我们必须使用“触发器”或单独单击函数或使用匿名函数作为参数。

示例 -

 - $('id').click();
 - $('id').click(function() { myfunction('1'); //your statements  });
 - $('id').trigger('click');

希望它有所帮助。

Answer 4

您可以使用on()绑定处理程序

$('#yourid').on('click' , function() { lot of stuff... });

通过id元素运行带有jquery的元素的onclick函数

4 个答案: