シンプルなjQueryセレクタは、Chromeの最初の要素のみを選択します。

Question

jQueryの新機能ですので、密集していることを許してください。私は、ChromeのJSコンソールを介して、特定のページ上のすべての<td>の要素を選択します：

$('td') 

私はこれを行うときしかし、私は次のような出力が得られます。

<td>Apples</td> 

はjQueryが返すように想定されていません<td>タグを持つ要素の配列？なぜこの基準に合致する最初の要素しか見ていないのですか？ここで

は、問題のサイトです：http://www.w3schools.com/html/html_tables.asp

編集：私はクロームコンソールにjQueryの機能を入力すると、私は戻ってjQueryオブジェクトを取得しないことを追加したいと思います。プレーンなHTML要素が得られます。 Chromeがセットアップ/設定されている方法に何か間違っている必要があります。

Answer 1

jQueryのWebページ上に存在しない、そしてもちろん他のコードが$に何かを割り当てていない場合は、ChromeのJSコンソールがdocument.querySelector()に$ショートカットを割り当てます。

コンソールでdocument.querySelectorAll()へのショートカットが割り当てられた$$()を使用して、目的を達成できます。

ページにjQueryが含まれているかどうかを確認するには、jQueryをコンソールで実行できます。 jQueryが$に割り当てられているかどうかを確認するには、$().jqueryを実行します。この場合、jQueryバージョンが返されます。

また、すべてのWebページにjQueryを挿入するためのブラウザアドオンがあります。

Answer 2

jQueryがインストールされていて、$シンボルがjQueryの省略形である場合、$('td')はjQueryオブジェクトを返します。しかし、あなたがリンクしているw3schoolsページでは、jQueryが存在することはありません。

jQueryが存在し、デバッガが$シンボルをオーバーライドしていない場合、$('td')はjQueryオブジェクトを返します。 jQueryオブジェクトは配列のようなオブジェクトであり（配列のいくつかのプロパティを持ちます）、実際の配列ではありません。コンソール内のものを見ている場合は、含まれているjQueryオブジェクトではなく、DOM要素自体を確認する必要があります。

あなたはDOM要素の実際の配列を取得したい場合は、あなたがこれを行うことができます：DOM要素の配列を返します

$('td').get(); 

。

これが機能しない場合は、$('td').get()への呼び出しのタイミングを調べて、検索する前にすべてのtdアイテムがページにあることを確認する必要があります。

Answer 3

また、それぞれのtdで何かをしようとしている場合は、.each()を使用してループする必要があります。たとえば、次のように

$('td').each(function() { 
    //do something relevant here 
}); 

Answer 4

jQueryが適切にターゲットページで実行されていないようです。私も同様の問題を抱え、Google Chromeについて次のように解決しました。

は、（それが読みやすくするために美化です）URLフィールドとして、次のワンライナーのコードを含むChromeブラウザにブックマークを追加します。

javascript: (function() { 
    var s = document.createElement('script'); 
    s.setAttribute('src', 'http://code.jquery.com/jquery-latest.min.js'); 
    if (typeof jQuery == 'undefined') { 
     document.getElementsByTagName('head')[0].appendChild(s); 
    } 
    jQuery("td.edit select option[value=BN]").attr("selected", ""); 
})(); 

それからちょうどそれを実行するために、そのブックマークをクリックしてください。通常はjQueryをインクルードし、$と入力するとfunction (e,t){return new b.fn.init(e,t,r)}のようなものを返すようにしてください。

（もブックマークレットと呼ばれる）のブックマークを作成するプロセスは、コンソールでの仕事を希望するすべてのページでjQueryのを注入するための短い手です。ただし、スニペットコードはJSコンソールに直接貼り付けても機能します。

PS：私はしばらくの間、それを使用していると私はそれから取得する場所を覚えてすることはできませんので、スニペットのためのローンは、私のものではありません。

希望します。