$(...).each is not a function

Question

I'm trying to get the text inside all h2 tags on a page, using the web console.

All I've found says to use each, I've tried

var anArray = [];

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

But it returns TypeError: $(...).each is not a function.

I've also tried using

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

But again, all I get is TypeError: $.each is not a function?

also to get html from "e" which is element here you should unwrap jquery object to DOM element using e.get(0) or e[0] . — A.T., Aug 10 '15 at 05:40
I guess, $('h2').innerHTML works to get the first h2 tag, so I suppose jQuery should be loaded? — M. Sa, Aug 10 '15 at 05:46
Why is this downvoted? This question helped me solve a problem. Productive downvoting! At least, an explanation... — zero_cool, Feb 26 '16 at 19:13
I got an error like this, but like @M.Sa, I was able to do some jQuery actions. The problem turned out to be that my console was targeting one of my extensions instead of "top" — Rebecca, Sep 16 '16 at 18:53

Aramil Rey · Accepted Answer · 2018-05-08T20:58:13.060

50

1) Paste:

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);

on your console (includes jQuery)

2) Wait 1 sec and paste:

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

Now, all contents of h2 tags of that page should be stored into h2Arr

edited May 08 '18 at 20:58

answered Aug 10 '15 at 05:58

Aramil Rey

3,387
1
19
30

For this method of loading JQuery to work, you may need to open up the security of the web page by editing the DOM like this: https://stackoverflow.com/a/59531227/137948 – Will Sheppard May 20 '20 at 09:35
can be included in single copy-paste too by adding the "wait" via code like so: setTimeout(() => { }, 1000); – gawkface Jun 09 '20 at 17:56

score 20 · Answer 2 · answered Sep 18 '17 at 10:39

20

if you write code like without $() for example

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

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

answered Sep 18 '17 at 10:39

Ambala Chandrashekar

512
5
6

I had an array after split(). I was chaining it directly with .each() instead of wrapping it with $() first – Akash Joshi Aug 21 '22 at 07:26

Bravo Yeung · Answer 3 · 2019-04-26T09:21:38.783

Note: For Chrome, do not expect $ is always jQuery.

You can put $ into console to check if it returns default ƒ $(selector, [startNode]) { [Command Line API] }, if yes means $ is not defined for jQuery.

Luckily that we have below ways to try:

Solve the conflict of using $, let it be jQuery without any ambiguity

Firstly, you can put this code snippet

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);

into the Console, then put $.noConflict into console, if it not returns undefined, but returns ƒ (t){return e.$===w&&(e.$=Kt),t&&e.jQuery===w&&(e.jQuery=Jt),w}, it means $ is not defined for JQuery now.

Next you can continue to input your regional code, then you will find it works well now.

Refer: https://blog.wplauncher.com/run-jquery-in-chrome-console/

Using .js file instead in Chrome, then debug the JavaScript file.

Refer: Chrome DevTools Snippets

Besides, for some specific version of Chrome, there is a option in UI to set the page context (probably removed this function in latest version!)

.

score 0 · Answer 4 · answered Aug 10 '15 at 05:38

0

You have to use .html() instead of .innerHTML:

$.each($('h2'), function(index, value){
   alert($(value).html());
});

Here a working fiddle.

answered Aug 10 '15 at 05:38

bloC

526
3
16

I'm still getting $.each is not a function when trying it on a web page. – M. Sa Aug 10 '15 at 05:47
Ok. So there is a problem with your jQuery. Maybe, as already mentioned in comments, you didn't load jQuery yet. Can you please post all your code? – bloC Aug 10 '15 at 05:49

score 0 · Answer 5 · answered Aug 27 '19 at 15:07

0

The most common cause of this error is because JQuery is not included in your website, that's why it shows this error. You have to include JQuery in your website or rewrite your code in vanilla js.

answered Aug 27 '19 at 15:07

ASammour

865
9
12

$(...).each is not a function

5 Answers5

Linked