为什么$（element）.parent（）找到父节点，但javascript element.parentNode返回undefined？

Question

我刚刚发现了一个......古怪？ ...在我们的一个脚本中。在该方法中，我们有以下的JavaScript代码段：

 if (inside) 
      elem.insertBefore(c, null); 
     else 
      elem.parentNode.insertBefore(c, elem.nextSibling); 

使用用下面的命令控制台（铬）时

，我得到如下结果：

的Javascript：

elem.parentNode -> undefined

jQuery的

$(elem).parent(); -> <div class="btn-holder-right"><input onclick=" return handle_qa_submit_comment(5, 6, this);" value="Submit Comment" title="" type="submit" class="btn btn-community"></div> 

我觉得这是奇怪的想知道为什么会发生这种情况。有什么建议？

- 首先按钮的onclick处理程序发送按钮本身在onclick事件中列出的功能

<input onclick=" return handle_qa_submit_comment(5, 6, this);" value="Submit Comment" title="" type="submit" class="btn btn-community"> 

函数包含了一些Ajax它做了几件事情上我们的网站，如提交评论

function handle_qa_submit_comment(postId, parentPostId, elem){ 
    var ajaxUrl = '../forum/qa-include/app/handler.php'; 
    var data = { 
        action : 'add_comment', 
        data : 
        { 
         'postId' : postId, 
         'parentPostId' : parentPostId, 
        } 
       }; 
    try 
    {    
     $.ajax({ 
      url: ajaxUrl, 
      data: JSON.stringify(data), 
      contentType: 'application/json', 
      async: true, 
      type: 'POST' 
     }).done(function(jqxhr,textStatus){ 
      if (jqxhr !== 'true' && textStatus !== 'success'){ 
       return handle_qa_submit_comment_failed(403, null); 
      } 
      else { 
       qa_submit_comment(postId, parentPostId, $(elem)); // calls 
      } 
     }).error(function(){ 
      return handle_qa_submit_comment_failed(404, null); 
     }); 
    } 
    catch (exception) 
    { 
     return handle_qa_submit_comment_failed(500, exception); 
    } 
} 

当AJAX完成：

function qa_submit_comment(questionid, parentid, elem) 
{ 
    ...do stuff... 
    qa_show_waiting_after(elem, false); 
} 

最后：

function qa_show_waiting_after(elem, inside) 
{ 
    var c = 'some html....'; 
    if (elem && !elem.qa_waiting_shown) { 

      if (inside) 
       elem.insertBefore(c, null); 
      else 
       elem.parentNode.insertBefore(c, elem.nextSibling); // fail here because elem.parentNode is undefined. when I test $(elem).parent() it finds the actual parent. 
    } 
} 

Answer 1

qa_submit_comment(postId, parentPostId, $(elem)); // calls 

你在qa_submit_comments ELEM参考是一个jQuery的参考，而不是一个DOM元素。尝试通过$（ELEM）通过未有$（...），例如：

qa_submit_comment(postId, parentPostId, elem); // calls 

还是在功能qa_submit_comment

elem = elem[0]; // unwrap JQuery object to real element 

而且解开它，有可能是一个错误在这里（不是100％虽然）

if (elem && !elem.qa_waiting_shown) 

取决于你如何在第一位置设置qa_qaiting_shown，这可能永远评估为假，因为它可能是DOM元素或JQuery的元素，它可能是你的DOM元素上虽然。我会再测试一下这个情况。