Q&A
目的は何でしょうか？目的次第で別のアプローチの仕方も回答を得られる可能性もあります。背景も含めて質問本文に追記願います。
題名の通り、JSコンソールより同ドメイン別ページの情報を取得するにはどうすればよいですか。
例えばここの質問画面から、teratailの一番上の質問のリンク（src）を取得する場合などです。
fetch('https://teratail.com').then(res => res.text()).then(txt => console.log(txt));
とすれば全体のコードは出てきますが、ここから絞り込むことはできません。
（jquery利用可です）
いろいろ試したのですが、どうしてもうまくいきません
fetch('https://teratail.com').then(console.log($("div.classname > a")));
どうもまだ=>の書き方に慣れていないということもありますが、 どうすれば取得できるでしょうか？
下のような構造（？）ではなく、<a src="example.com" id="some>"</a>のようなものを取得したいです。
（さらに言えばそこのexample.comの部分だけほしい）
回答1件
0
ベストアンサー
要は、jQueryの使い方を知りたい、ということでいいでしょうか？
fetch('https://teratail.com').then(res => res.text()).then(txt => console.log($("div.classname > a", txt)));
参考：jQuery() | jQuery API Documentation
言うまでもなく、実行するページにjQueryが読み込まれている前提です。
コメントを受けて追記
fetch('https://teratail.com').then(res => res.text()).then(txt => console.log($("div.classname > a", txt)[0]));
参考：
The jQuery object itself behaves much like an array; it has a length property and the elements in the object can be accessed by their numeric indices [0] to [length-1].
投稿2018/01/19 04:34
編集2018/01/19 05:14
総合スコア36074
その通りやってみましたが、テキストやリンクではなく、構造（？）が表示されてしまいます。
（質問に写真を加しておきました）
aタグの下にさらに子要素があることが原因でしょうか？
追記しました。
jQueryをあまり使ったことがないのであれば、まず入門用のドキュメントを何かしら読んだほうが早いのではないかと思います。
そうですね。なんだかんだで jqueryの入門書を1冊も読んだことがなかったのでまずはそこからかもしれません。
ありがとうございました。
または、jQueryを使わないのも一つの選択かと思います。
なるほど。 そういえば今の時代にjqueryはいらない的な文章も見たことがあります。
Lgankor_Mhyさん自身は、これからの時代でもやっぱりjqueryは必要と考えますか？
（それとも、専用ライブラリなどを使えば基本いらないと考えますか？）
選択肢の一つだと思います。webアプリを作成するには向いていないと思いますが、普通のwebページを作る分にはいいのではないかと。
あなたの回答
tips
プレビュー
