Question

我需要使用jQuery选择器，但它返回null。简单，旧的DOM功能起作用。我试图操纵这个：

<ul id="lhs_container">LI elements and HTML</ul>

这是我的测试代码：

$(document).ready(function() {
   if(document.getElementById("lhs_container")){
      console.log("DOM was there");             //this is logged in the console
      console.log($("#lhs_container").html());  //this blows up (error below)
   }
});

我得到的错误是：

Uncaught TypeError: Cannot read property 'html' of null
at HTMLDocument

我也尝试过其他jQuery操纵器（追加等），但它们都会导致错误。有谁知道是什么原因引起的？我把头发拉出来了！

Answer 1

$(document).ready(function() {
   if(document.getElementById("lhs_container")){
      console.log("DOM was there");
      console.log($("#lhs_container").html());
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<ul id="lhs_container">LI elements and HTML</ul>
</body>
</html>

我输出正确。检查是否正确添加了jquery库。

jQuery Selector返回null，而DOM函数工作得很好

1 个答案: