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();
    });
});