Javascript - Add Variables in Jquery Command

Question

 function bookRemoved(bookId)
     {
         alert(bookId) ;
         $(document).ready(function() {
         $('.className').hide(1000); // Want it Here

      } );}

In Above example, the bookId returns class Name. How can I use it as class name to hide it as shown in above example.

I would like something like this:

     $('.bookId').hide(1000); // Want it Here

bookId should return its value. Suppose if bookId has 23, it should look like this. $('.23').hide(1000); // Want it Here

PS: I am new to Javascript and Jquery

Btw, class names aren't supposed to start with a number.

RRikesh
– RRikesh

2013-08-12 05:27:13 +00:00
Commented Aug 12, 2013 at 5:27 — RRikesh
– RRikesh, Commented Aug 12, 2013 at 5:27

GautamD31 · Accepted Answer · 2013-08-12 05:17:39Z

4

Try like

function bookRemoved(bookId)
{
     alert(bookId) ;
     $('.' + bookId).hide(1000); // Want it Here

}

We dont need DOM ready there,in the defined function.

answered Aug 12, 2013 at 5:17

GautamD31

28.8k10 gold badges66 silver badges86 bronze badges

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

Comments

matt3141 · Accepted Answer · 2013-08-12 05:22:43Z

What you are looking for is a means of passing the argument of one function as argument to another. Variables can be passed into functions, $ is just a function, within the (...) sequence following a function reference.

function bookRemoved(bookId) {
    alert(bookId);
    $(document).ready(function() {
        $('.'+bookId).hide(1000);
    });
};

In this case:

the function alert is fired on the variable bookId
the function $ is fired on the document variable.
the method ready is accessed from the returned object of $(document)
ready is fired with a function, an anonymous function (i.e., without a name)
the function $ is fired on a string concatenation between . and bookId
the hide method is then accessed and fired with 1000

Hopefully this better explains the general terminology and what it is that is occurring within the function definition.

Bram Vanroy · Accepted Answer · 2013-08-12 05:17:01Z

0

function bookRemoved(bookId) {
    alert(bookId);
    $(document).ready(function () {
        $('.' + bookId).hide(1000);
    });
}

Do you mean this?

answered Aug 12, 2013 at 5:17

Bram Vanroy

28.8k29 gold badges151 silver badges266 bronze badges

Comments

Faisal Sayed · Accepted Answer · 2013-08-12 05:24:32Z

0

$('.' + bookId).hide(1000);

In javascript + operator is used to...

add nembers.
concatenate strings if one of the operand is string.

for example...

1 + 2 == 3

"abc" + "xyz" == "abcxyz" and

"1" + 2 == "12" // "1" here is a string

answered Aug 12, 2013 at 5:24

Faisal Sayed

7934 silver badges12 bronze badges

Comments

Shivam · Accepted Answer · 2013-08-12 05:30:49Z

0

Cleaner approach. Seperate your document.ready function.

$(document).ready(function() {  

    function bookRemoved(bookId) {
        $(bookId).hide(1000);  
    }

    //pass in your specified class name OR id as the argument.
    bookRemoved('.someClasssName'); 

});

More info on hide method here: http://api.jquery.com/hide/

edited Aug 12, 2013 at 5:30

answered Aug 12, 2013 at 5:20

Shivam

2,2483 gold badges26 silver badges39 bronze badges

Collectives™ on Stack Overflow

Javascript - Add Variables in Jquery Command

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related