$('div'); returns an empty array

Question

I'm trying to get all the div classes in a page using jQuery $('div');, it's on a page that doesn't support jquery but I load it using the links below until I get $ === jQuery is true.

Even here on SO which has jQuery, when I do var x = $('post-text'); x is empty. What might be the reason for this not working?

I do this in Chrome's console.

How to run jQuery directly on any page in the browser?

testing jQuery statements in Chrome JavaScript console

post-text is not a tag name. Is the DOM loaded before you execute $('div');? — Sebastian Simon
– Sebastian Simon, Commented Sep 24, 2016 at 9:08
@Xufox Well the page did load completely, so I assume the DOM did too. How do you check if it was loaded? — shinzou
– shinzou, Commented Sep 24, 2016 at 9:17

sheetal · Accepted Answer · 2016-09-24 09:16:36Z

2

You must use '.' before the class name and '#' before the id name of element as $('.classname') for accessing any html element

You can add jquery by adding it's online link in your head tag and with without adding jquery in your page you can't use it's features

edited Sep 24, 2016 at 9:16

answered Sep 24, 2016 at 9:10

sheetal

5656 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jai Over a year ago

What about the div selector? Why that is empty?

sheetal Over a year ago

because you need to add jquery in your page to get the element using $('element')

Rahil Lakhani · Accepted Answer · 2016-09-24 09:09:27Z

1

var x = $('post-text'); seems wrong

append a . or # for class or ID

var x = $('.post-text'); OR var x = $('#post-text');

answered Sep 24, 2016 at 9:09

Rahil Lakhani

4184 silver badges7 bronze badges

Comments

Dean James · Accepted Answer · 2016-09-24 09:22:02Z

0

Sounds like jQuery might not be included on the page. I have fallen victim to this before - Chrome console has a built-in selector engine also defined as $, meaning that when jQuery is not loaded on a page, $(...) can be used to do a DOM lookup.

Use $.fn.jquery in order to find out the version of jQuery loaded. It should return something like "1.7.1" but the version you have. If it isn't defined, jQuery isn't loaded.

answered Sep 24, 2016 at 9:22

Dean James

2,6434 gold badges23 silver badges30 bronze badges

5 Comments

shinzou Over a year ago

I get 1.11.1 on that page from $.fn.jquery

Dean James Over a year ago

Are you using the jQuery on ready function to make sure you're executing after jQuery is loaded? Also, when I do $('div') on SO I get results.

shinzou Over a year ago

It's not on SO, I just tested it here. I load jquery using the links in my question and run the commands in chrome console.

shinzou Over a year ago

Anyway looks like jquery does work there, I wasn't using the dot selector.

Dean James Over a year ago

Sounds like @sheetal has the correct answer. Feel free to make it as the accepted answer :)

user2772216 · Accepted Answer · 2016-09-24 09:09:14Z

-2

first you add jquery file in page like this

var jquery = document.createElement('script'); 
jquery.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.head.appendChild(jquery);

now you can use all jquery functions

alert($('div').length);

answered Sep 24, 2016 at 9:09

user2772216

151 bronze badge

Collectives™ on Stack Overflow

$('div'); returns an empty array

4 Answers 4

2 Comments

Comments

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related