$（…）。每个都不是函数

Question

我试图使用web控制台获取页面上所有h2标记中的文本。

我所发现的就是使用每一种，我已经试过了

var anArray = [];

$('h2').each( function(i,e) {
    anArray.push($(e).innerHTML);
});

但是它返回TypeError:$（…）。每个都不是一个函数。

我也试过用

$.each('h2', function(i,e) {
        anArray.push($(e).innerHTML);
    });

但同样，我得到的是TypeError：$. each不是一个函数？




Answer 1

注意：对于Chrome，不要期望$is总是jQuery。

您可以将$放入控制台，以检查它是否返回默认的$（选择器，[开始节点]）{[命令行API]}，如果是意味着$没有为jQuery定义。

幸运的是，我们有以下几种尝试方法：

1. 解决使用$的冲突，让它成为jQuery，没有任何歧义

首先，你可以把这段代码片段

var jq = document.createElement('script');
jq.src = "https://code.jquery.com/jquery-3.3.1.min.js";  /* Include any online jquery library you need */
document.getElementsByTagName('head')[0].appendChild(jq);

进入控制台，然后将$. no冲突放入控制台，如果它不返回un定义的，而是返回（t）{返回e.$==w

接下来你可以继续输入你的区域代码，然后你会发现它现在工作得很好。

参考：https://blog.wplauncher.com/run-jquery-in-chrome-console/

请参阅：Chrome开发工具代码片段

Answer 2

例如，如果您编写的代码没有$（）

var1.each(function(){}) //its wrong//each function is not defined error

$(var1).each(function(){}) //its right

Answer 3

1） 粘贴：

var script = document.createElement('script');
script.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(script);

在您的控制台上（包括jQuery）

2） 等待1秒钟并粘贴：

var h2Arr = [];
$('h2').each( function() {
    h2Arr.push($(this).html());
});

现在，该页面的h2标记的所有内容都应该存储到h2Arr中