Webコンソールを使用して、ページ上のすべてのh2タグ内にテキストを取得しようとしています。
私が見つけたすべてはそれぞれを使用するように言っています、私は試しました
_var anArray = [];
$('h2').each( function(i,e) {
anArray.Push($(e).innerHTML);
});
_
ただし、TypeError: $(...).each
は関数ではありませんを返します。
私も使用してみました
_$.each('h2', function(i,e) {
anArray.Push($(e).innerHTML);
});
_
しかし、繰り返しますが、_TypeError: $.each
_は関数ではありませんか?
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に保存されます。
たとえば、$()なしのようなコードを書く場合
var1.each(function(){}) //its wrong//each function is not defined error
$(var1).each(function(){}) //its right
注:Chromeの場合、$が常に
jQuery
であることを期待しないでください。
jQuery
に対して$が定義されていないことを意味する場合、_$
_をコンソールに入れて、デフォルトのƒ $(selector, [startNode]) { [Command Line API] }
を返すかどうかを確認できます。
幸いなことに、以下の方法があります。
$
_の使用の競合を解決し、あいまいさのない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);
_
コンソールに_$.noConflict
_を入れて、undefined
を返さないがƒ (t){return e.$===w&&(e.$=Kt),t&&e.jQuery===w&&(e.jQuery=Jt),w}
を返す場合、JQuery
に対して_$
_が定義されていないことを意味します今。
次に、地域コードを入力し続けることができます。そうすれば、今ではうまく機能していることがわかります。
Refer: https://blog.wplauncher.com/run-jquery-in-chrome-console/
.js
_ファイルを使用してから、JavaScriptファイルをデバッグします。page context
_(おそらく削除されました最新バージョンのこの関数!)。
.innerHTMLの代わりに.html()を使用する必要があります。
$.each($('h2'), function(index, value){
alert($(value).html());
});
ここ 作業用フィドル。
このエラーの最も一般的な原因は、JQueryがWebサイトに含まれていないため、このエラーが表示されるためです。 WebサイトにJQueryを含めるか、Vanilla jsでコードを書き換える必要があります。