JQuery - Calling Function to a Div with the same class name

Question

I want to use the same class for div's as they serve the same purpose, although I cannot find a way to get it to work without outputing the same result to both of the div's.

JavaScript

<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function divide(a, b) {
        $(this).text(a + " / " + b);
    }
</script>

HTML

 <body>
 <div class="division" ><script type="text/javascript">divide(3,7)</script>
 </div>
 <div class="division" ><script type="text/javascript">divide(12,75)</script>
 </div>
 </body>

Your code does not seem to work at all: jsfiddle.net/mZbp7 What do you think happens when you put the JavaScript statement into the div? — Felix Kling
– Felix Kling, Commented Nov 8, 2011 at 20:05
That's what I need help with, I thought if once it was called, JQuery's $(this). , would replace it with the text. — Mustafa Abdul-Kader
– Mustafa Abdul-Kader, Commented Nov 8, 2011 at 20:09
You are just calling a function, how should jQuery or JavaScript know which element it relates to? When calling a function this way, this will refer to the global object, which is window, it does not refer to any DOM element. Maybe you have to provide a better example, I don't see why you just don't write 3/7 and 12/75 in each div. — Felix Kling
– Felix Kling, Commented Nov 8, 2011 at 20:18
I can't just write it because I need to call those two parameters from a server. — Mustafa Abdul-Kader
– Mustafa Abdul-Kader, Commented Nov 8, 2011 at 20:20

Royi Namir · Accepted Answer · 2011-11-08 20:14:18Z

3

simple

http://jsbin.com/ubodeg/edit#javascript,html,live

and if you want the actual result :

http://jsbin.com/ubodeg/2/edit

edited Nov 8, 2011 at 20:14

answered Nov 8, 2011 at 20:06

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

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

1 Comment

Felix Kling Over a year ago

You don't need parseInt as the values are already integers. You should also include the code here imo.

Nicolas Thery · Accepted Answer · 2011-11-08 20:03:15Z

1

In your example just write this

function divide(a, b) { return (a + " / " + b); }

answered Nov 8, 2011 at 20:03

Nicolas Thery

2,4584 gold badges27 silver badges37 bronze badges

2 Comments

Mustafa Abdul-Kader Over a year ago

I did this, but nothing seemed to happen?

Felix Kling Over a year ago

How should this work? The returned value is not magically set as content of the divs.

arb · Accepted Answer · 2011-11-08 20:03:20Z

1

You could change your divide function to return the string result instead of trying to use jQuery .text()

You could also update your divs to include IDs. Then inside your function, you could do:

$('#'+$(this).attr('id')).text(a + " / " + b);

That second way is far from idea however.

answered Nov 8, 2011 at 20:03

arb

7,8847 gold badges35 silver badges67 bronze badges

Comments

rogerlsmith · Accepted Answer · 2011-11-08 20:02:29Z

-1

give each div a different ID and pass that into your divide() method. Use the ID to differentiate between divs

answered Nov 8, 2011 at 20:02

rogerlsmith

6,7982 gold badges22 silver badges27 bronze badges

3 Comments

Mustafa Abdul-Kader Over a year ago

Although I need to use classes.

rogerlsmith Over a year ago

As far as I know you can add a class and an ID to any element

Shehzad Over a year ago

if we put id to every element then why do we need to use classes ? :)

Collectives™ on Stack Overflow

JQuery - Calling Function to a Div with the same class name

4 Answers 4

1 Comment

2 Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related