How Do I Store A PHP Variable In JS For Use With jQuery?

Question

I'm wondering where I would put code to take a variable from PHP (used in numbering classes) and store it in a variable that jQuery can access?

Here is an example:

$(".object1-22").hover(function(e){
    $(".object2-22").show();
}, function(e) {
    $(".object2-22").hide();
});

So in my code, I have two objects. When you hover over the 22nd instance of object1, I want it to only display the 22nd instance of object2.

How could I perform this task?

See wp_localize_script.

Mark Duncan
– Mark Duncan

2011-08-02 15:51:56 +00:00
Commented Aug 2, 2011 at 15:51 — Mark Duncan
– Mark Duncan, Commented Aug 2, 2011 at 15:51

Tomalak · Accepted Answer · 2011-08-02 15:28:15Z

2

If you create IDs for your objects ("22nd instance of object2"), use HTML IDs, not CSS classes.

I guess you want the same behavior for all the objects, so do not write separate event handlers for each of them. Use a common CSS class (object1 and object2) and individual IDs (object1-22, object2-22)

Consider

$(".object1").hover(function(e){
    $('#' + this.id.replace(/object1-/, 'object2-').show();
}, function(e) {
    $('#' + this.id.replace(/object1-/, 'object2-').hide();
});

You could even link the related elements beforehand.

$(".object1")
.each(function () {
    this.partner = $(this.id.replace(/^object1-/, 'object2-')[0];
})
.hover(function () {
    $(this.partner).show();
}, function () {
    $(this.partner).hide();
});

That being said, this is a question for StackOverflow, unfortunately I do not have enough rep here to flag it accordingly.

answered Aug 2, 2011 at 15:28

Tomalak

339k68 gold badges547 silver badges635 bronze badges

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

2 Comments

bdrelling Over a year ago

I apologize for posting it in the wrong spot. I assumed it would be good here since I searched jQuery on SE and this was the first result. I'll repost it elsewhere.

Tomalak Over a year ago

@Aerodynamo never mind re-posting, this question will get migrated if it finds the interest of some high-rep users here. (Besides, maybe it's more related to WP than I realize, I'm only here by accident.)

Jaime · Accepted Answer · 2011-08-02 20:15:40Z

0

Couldn't you just echo the php variable out in to the javascript? Or am I misunderstanding your question?

jsVar = <?php echo $phpVar; ?>

answered Aug 2, 2011 at 20:15

Jaime

1,3817 silver badges15 bronze badges

Collectives™ on Stack Overflow

How Do I Store A PHP Variable In JS For Use With jQuery?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related