I’m a bit new to jQuery so forgive me for being dense. I want to select all <td> elements on a particular page via Chrome’s JS console:
$('td')
Yet when I do this, I get the following output:
<td>Apples</td>
Isn’t jQuery supposed to return an array of elements with the <td> tag? Why am I only seeing the first element that matches this criteria?
Here is the site in question: http://www.w3schools.com/html/html_tables.asp
EDIT: I’d like to add that when I type a jQuery function into Chrome console, I do NOT get a jQuery object back. I get a plain HTML element. Something must be wrong with the way my Chrome is set-up/configured.
If jQuery isn’t present on the webpage, and of course no other code assigns something to
$, Chrome’s JS console assigns$a shortcut todocument.querySelector().You can achieve what you want with
$$(), which is assigned by the console a shortcut todocument.querySelectorAll().To know if the page contains jQuery, you can execute
jQueryin the console. To know if jQuery is assigned to$, you can execute$().jquerywhich will return jQuery version if that’s the case.Also, there are browser addons to inject jQuery in every webpage.