具有注入的PHP变量的jQuery选择器不返回任何内容

Question

I'm experiencing the weirdest problem I've ever met. This has worked a thousand times before, but now I simply hit a wall on this seemingly impossible-to-solve problem.

I have a custom data-attribute on an element:

<a href="#" data-pbid="5">My anchor</a>

I'm targeting this and alerting the amount of elements found:

var myAnchor = $("a[data-pbid=5]");
alert(myAnchor.length) //Alerts "1".

However, when I change this to an injected PHP variable, it just doesnt work: (Im mixing a bit of code together here, but you know what's what.)

var_dump($pbid); //returns string(1):"5"

<a href="#" data-pbid="<?php echo $pbid?>">My anchor</a>

var myAnchor = $("a[data-pbid=<?php echo $pbid?>]");
alert(myAnchor.length) //Alerts "0".

What on earth is going on here?

Thanks in advance,

Rasmus Dencker

Answer 1

It may be because of a missing semicolon or the lack of the space between your variable and PHP end tag. Change this

<a href="#" data-pbid="<?php echo $pbid?>">My anchor</a> to <a href="#" data-pbid="<?php echo $pbid; ?>">My anchor</a>

Answer 2

I found an answer to this. In the OP I forgot to mention the fact that the elements were loaded and injected through ajax, and without explicitly setting the variable I somehow had a bit of a lag between the generation and the execution of the code. As a temporary hack I just put in a

setTimeout(function(){ 
                    //the stuff that had to be done
                     }, 500);

Thanks for your willingness to help!