jquery - 当前元素的警报 ID

Question

我正在使用以下代码来提醒当前元素的 id。

<input type="text" id="desc" name="txtTitle" onclick="fun()">

jquery:

function fun () {
    var currentId = $(this).attr('id');
    alert(currentId);
}

为什么会提示“未定义”？我尝试过:

var currentId =$('element').attr('id'); 
// and 
alert($(this).id); 
// and 
alert(this.id);

但它警告未定义

Answer 1

$(this) 仅适用于 jQuery 函数；它在 fun() 中没有引用任何内容。相反，试试这个:

$('input#desc').click(function() {
    alert($(this).attr('id'));
});

使用此 HTML:

<input type="text" id="desc" name="txtTitle">

在 HTML 中使用 onClick="" 属性并不是特别好的做法，因此上面给出了 $.click() 函数。您应该始终将 JavaScript 放在单独的文件中(尤其是在使用 jQuery 时)。