how to call function within the function in jquery

Question

If i click button i want to call inside function hello.is it possible to call ?

 <!DOCTYPE html>
 <html>
 <head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"    type="text/javascript"></script>

  <script>
  function hai(){
      alert("hai fun");
   function hello(){
     alert("hello function");
    }
 }
 </script>
 </head>
 <body>
 <button onclick="hello()">click here</button>
 </body>
 </html>

Welcome to SO! It would help you get more relevant answer if you clearly explain what output do you expect here. Also: you are not really using jQuery here, just pure JavaScript. — mishik
– mishik, Commented Mar 5, 2014 at 6:03
in general "hello()" function is only visible inside "hai()" function, if you still want to call it, you will need to make it visible to the outside, for example, by declaring variable on the same level as "hai()": var hello; function hai(){... hello = function {alert(...);} — mishik
– mishik, Commented Mar 5, 2014 at 6:08

Kiran · Accepted Answer · 2014-03-05 06:04:06Z

5

The functions defined within another function won't be accessible outside the function unless they have been attached to an object that is accessible outside the function.

function hai(){
      alert("hai fun");
 }

function hello(){
     alert("hello function");
     hai();
    }

<button onclick="hello()">click here</button>

DEMO

answered Mar 5, 2014 at 6:04

Kiran

20.3k11 gold badges72 silver badges101 bronze badges

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

3 Comments

mishik Over a year ago

Seems like OP is trying to call nested function, might worth explaining why it's not possible.

Dileep Over a year ago

i am asking is it possible to call function within the function ?

Felix Kling Over a year ago

@Dileep: You cannot call a function defined inside another from outside that function. The inner function doesn't even exist.

matt · Accepted Answer · 2014-03-05 06:17:33Z

0

set it to a variable:

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"    type="text/javascript"></script>
        <script>
            function hai(){
                alert("hai fun");
                whatYouAreLookingFor = function hello()
                {
                    alert("hello function");
                }
                whatYouAreLookingFor();

            }
        </script>
    </head>
    <body>
        <button onclick="hai()">click here</button>
    </body>
</html>

edited Mar 5, 2014 at 6:17

answered Mar 5, 2014 at 6:09

matt

3204 silver badges15 bronze badges

1 Comment

mishik Over a year ago

I was kinda hoping variable will be named isItMeYouLookingFor :)

seangwright · Accepted Answer · 2014-03-05 06:29:27Z

0

Here is a way to call the inner function but it requires modifying the code of the outer function and passing in a variable to grab the inner function.

HTML

<body>
    <button onclick="funcVariable()">click here</button>
</body>

Javascript

var funcVariable;

function hai(funcVar) {
    funcVar = function hello() {
        alert("hello function");
    };

    return funcVar
}

funcVariable = hai(funcVariable);

Pressing the button will now show the alert.

See JSFiddle

answered Mar 5, 2014 at 6:29

seangwright

18.3k7 gold badges47 silver badges57 bronze badges

Collectives™ on Stack Overflow

how to call function within the function in jquery

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related