ID 未定义，但事实并非如此？

Question

请看看这个小提琴： http://jsfiddle.net/DHts6/1/

为什么这么说未定义，即使 id = "foo" 已设置！

谢谢

Answer 1

您不需要 $(this).id，只需执行 this.id 即可。

原因是 $ 创建了一个没有 .id 属性的 jQuery 对象。在 jQuery 中，您可以使用 attr $(this).attr('id')

http://jsfiddle.net/DHts6/5/

Answer 2

使用 this.id 不 $(this).id:

http://jsfiddle.net/maniator/DHts6/2/

Answer 3

$(document).ready(function(){
$('b.edit').click(function(){
        $(this).hide().after('<form action = "foo.php" method = post><input name = "field" type = "text" value = "'+$(this).attr('id')+'"/><input type="text" name = "period" class="editP" value="'+$(this).html()+'" /><input type = "submit" value = "Submit!!" /></form>');
        $('.editP').focus();
    });
    $('.editP').live('blur', function(){
        $(this).hide().prev('b.edit').html($(this).val()).show();
    });
});