Question

我有一行包含<td>个动态生成的class="editabletext"。每个<td>都有<div>个元素，其中包含电子邮件ID。

像...这样的东西。

<td class="editabletext"><div id="emailfield" >email1@abc.com</div></td> ....<td class="editabletext"><div id="emailfield">email2@abc.com</div></td>

我有这个jquery函数，只需双击<td>：

就可以调用它

   $('.editabletext').bind('dblclick', EventHandler);

  function EventHandler(){


        var text = $(this).text(); //
        var fieldtype=$(this).find('div').attr('id');
        $(this).text('');
        $('<input type="text" id="txtedit" onblur=""/>').appendTo($(this).unbind('dblclick')).val(text).select().blur(
            function(){


                var newText = $(this).val();//
                if(validateItems(newText, fieldtype))
                     {
                     $('<div id="'+fieldtype+'"></div>').appendTo($(this).parent()).text(newText);

                    $(this).parent().find('input:text').remove();
                    $(this).parent().hasClass('editabletext'); // this is returning false eventhough td have the class.
                     }
                else
                    {
                    $(this).parent().find('input:text').css({'border-color': '#FF0000'});

                    }


           }); 
  }

我遇到的问题：一旦使用有效的电子邮件编辑电子邮件ID，我就无法将双击事件（在所选的td上）绑定回来。请帮我。在此先感谢!!

如何在blur函数中访问容器元素的类

0 个答案: