Question

我不确定我做错了什么，但在我的应用程序中，当我尝试做

之类的事情时

$('#root').text();

我得到了

VM269:1 Uncaught TypeError: Cannot read property 'val' of null(…)

我不知道为什么我引用jquery

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width" />
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
    <!--materialize does not understand jquery if I use it as import-->
</head>
<body>
    <div id="root"></div>
    <script src="bundle.js"></script>
</body>
</html>

我正在使用reactjs，但我不认为这应该是一个问题，而且当我执行相同的命令时，我在firefox中没有问题。

修改

我的错误$('#test')被渲染成“root”div但同样的问题。所以我刚刚更新了我的查询以执行$('#root').text()

但正在做$('#root')工作，它找到了元素，就像我在firebug中说的一切正常。

Answer 1

您正试图从ID为＆＃39; test＆＃39;的标记中获取值。并且你的HTMl中没有一个。如果您使用了$('#root').val()，那就可以了。

Helpful selector link

Answer 2

我相信你想要id =＆＃34; test＆＃34;的价值。但是，我没有在您包含的html文件中看到id="test"。此外，您还可以尝试抓取html文本的$('#test').text()。

Chrome Developer Tool Console不喜欢Jquery功能

2 个答案: