Why do I get an error when trying to console log my $.each

Question

Sorry im new to jquery I usually use php/html. Can you tell why my code wont console log the VAR values. I am building an array from my vars when looping through them. I get the error Uncaught ReferenceError: $ is not defined.

Fiddle

    var string1 = "tes£$%t";
    var string2 = "test";
    var string3 = "test";
    var string4 = "test";

    var check_fields = [string1, string2, string3, string4];

    $.each(check_fields, function(index, value) {

        if (value.replace(/^[a-z\d\-_\s]+$/i, "") != string) {
        console.log(value);

        }

    });

It is working man! https://jsfiddle.net/rayon_1990/9y4ejfse/1/ Just include `jQuery` library.. — Rayon, Apr 12 '16 at 12:34
You didn't include jquery.js file in your page, that's why `$ is not defined` — Yuri, Apr 12 '16 at 12:34
Possible duplicate of [JQuery - $ is not defined](http://stackoverflow.com/questions/2194992/jquery-is-not-defined) — Rayon, Apr 12 '16 at 12:35
Thankyou. That has solved the first part of my question. I have added a the last piece of my code to the comment above. I still get an undefined error? — JIMMY THE CODE, Apr 12 '16 at 12:51

score 2 · Answer 1 · answered Apr 12 '16 at 12:47

2

Your code is fine but jquery file is missing here. Fiddle link:- In the left side under the external resource just put the jquery cdn path and click on run then check.

https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js

This will resolve your problem.

answered Apr 12 '16 at 12:47

Deepak Dholiyan

1,774
1
20
35

Like you, I was confused by the new JS Fiddle interface. The jQuery setting is now here: http://i.imgur.com/sCHlbcN.png – blex Apr 12 '16 at 13:20
This is good, Thanks – Deepak Dholiyan Apr 12 '16 at 13:40

score 1 · Answer 2 · answered Apr 12 '16 at 12:42

1

include the jquery header file in the head your html code

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

</head>

answered Apr 12 '16 at 12:42

Asad

3,070
7
23
61

score 0 · Answer 3 · answered Apr 12 '16 at 12:42

Your html file is missing the external jQuery library.
Try adding this to the start of your html file (preferably in the head, of in the case of JSFiddle just paste it into the HTML box):

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

Let me know if this works

Why do I get an error when trying to console log my $.each

3 Answers3