Passing variables in jquery

Question

What is the best way to pass the var full to function b. I don't want to use global variables. Is return the only option.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 

<style> 
    .aaa, .bbb, .ccc { width:100px; height:100px;background-color:#ccc;margin-bottom:5px;}
</style>
<body class="123">

    <p id="ptest"></p>
    <p class="aaa" id="aaaid"></p>
    <p class="bbb" id="bbbid"></p>
    <p class="ccc" id="cccid"></p>
    <div></div>
</body>
<script type="text/javascript">
    $("body").click(function(e){
        var name = $(e.target)[0].nodeName;
        var nameid = $(e.target)[0].id;
        var classname = $(name+"#"+nameid).attr('class');
        var full = name+"#"+nameid;
        console.log(nameid);

        function b(){
            alert(full);
        };
    });
</script>

You're not using b anywhere. Where is it called?

david
– david

2011-01-06 02:30:31 +00:00
Commented Jan 6, 2011 at 2:30 — david
– david, Commented Jan 6, 2011 at 2:30

Marcus Whybrow · Accepted Answer · 2011-01-06 02:28:14Z

7

You can pass a variable to a function by defining it as follows:

function b(x) {
    alert(x);
}

and then calling it by stating its name and passing a variable as the argument:

b(full);

So in the context of your code:

$("body").click(function(e){
    var name = $(e.target)[0].nodeName;
    var nameid = $(e.target)[0].id;
    var classname = $(name+"#"+nameid).attr('class');
    var full = name+"#"+nameid;
    console.log(nameid);

    function b(x){
        alert(x);
    };

    b(full);
});

edited Jan 6, 2011 at 2:28

answered Jan 6, 2011 at 2:21

Marcus Whybrow

20.1k9 gold badges72 silver badges90 bronze badges

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

Comments

jon_darkstar · Accepted Answer · 2011-01-06 02:21:35Z

1

argument? is there something im missing here?

function b(x){ alert(x); };

call with

b(full);

answered Jan 6, 2011 at 2:21

jon_darkstar

16.9k7 gold badges35 silver badges38 bronze badges

Comments

jamesmortensen · Accepted Answer · 2011-01-06 02:21:47Z

1

    // define b
    function b(full) {
        alert(full);
    }

Actually, you aren't using global variables. You're defining them inside the JQuery anonymous function bound to the body element.

answered Jan 6, 2011 at 2:21

jamesmortensen

34.2k11 gold badges102 silver badges124 bronze badges

Comments

Patrick Evans · Accepted Answer · 2011-01-06 02:34:43Z

1

Unless you dont want function b to exist, or used outside outside of the click function, i would move it outside the anonymous function. And then just specify the arguments in the definition then just pass them like normal

Example

<script type="text/javascript">
    $("body").click(function(e){
        var name = $(e.target)[0].nodeName;
        var nameid = $(e.target)[0].id;
        var classname = $(name+"#"+nameid).attr('class');
        var full = name+"#"+nameid;
        console.log(nameid);
        b(full);
    });
    function b(full)
    {
        alert(full);
    };
</script>

answered Jan 6, 2011 at 2:34

Patrick Evans

42.8k6 gold badges81 silver badges94 bronze badges

Collectives™ on Stack Overflow

Passing variables in jquery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related