$(...).each is not a function
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
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 bejQuery
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!)
.