获取使用jQuery调用函数的元素的信息

时间:2011-09-26 12:58:03

标签: jquery function tags

我想知道如何使用jQuery查找,这是一个调用onClick方法的元素id?我的代码是:

JS

function getInfo(event)
{
    console.log(event.target.id + " ... ");
}

HTML

<div class="menu-content" id="thisismyid">
    This is some placeholder text.<br>
    <a onClick="getInfo()" id="thisisthelinksid">Click on me</a>
</div>

<div class="menu-content" id="thisismysecondid">
    This is some more placeholder text.<br>
    <a onClick="getInfo()" id="thisistheotherlinksid">Click on me</a>
</div>

我不能在函数的括号内放任何东西,因为我想稍后传递给它的函数,我只想知道哪个调用了这个函数。

我知道这已被问过很多次了,而且很多问题都有答案,但是我已经阅读了很多这些问题而没有人帮助过我。

谢谢你们

- 编辑 -

关于以下编辑时的答案,我不能使用jQuery方法,如:

$("div.menu-content a").click(function() {
    some content here..
});

因为我需要它才能在点击的某些链接上运行,而不是全部。这有助于澄清吗?

3 个答案:

答案 0 :(得分:5)

$("div.menu-content a").click(function() {
    var $elemId = $(this).attr("id");
    console.log($elemId + " .... ");
);

这是一个更加“jQuery风格”的解决方案。

答案 1 :(得分:2)

尝试:

function getInfo(event)
{
    var id = $(event.target).attr('id');
    console.log(id);
}

答案 2 :(得分:1)

请勿使用onclick属性,而是使用事件处理程序。

$(function(){
   $('a', 'div.menu-content').click(function(){
      console.log(this.id+'...');
   });
}):