Unable to target div with JS

Question

I am trying to target a div nested within some php with js, but no matter what I do, I can't seem to target it. Here is the code for reference: php:

echo "<li>"."<div id=\"countryclick\">". "<a href=\"?Continent=$Continent&Country=$Country\">" . $Country . " ". "</a>" . "</div>"."</li>";

js:

$("#countryclick").click(function(){
    $("#country").hide();
    $("#city").show();
});

Any ideas? Thanks in advance!

there's actually some js that i didn't include which has the $(document).ready(); — No_name, May 29 '12 at 05:32

score 2 · Accepted Answer · answered May 29 '12 at 05:30

2

div#countryclick

is created on the fly so you can use .live of jQuery. Like:

$("#countryclick").live("click",function(){
   //code here
})

answered May 29 '12 at 05:30

zhujy_8833

561
4
6

Zhujy is right here that may be your answer if you create div on runtime. – Sunny May 29 '12 at 05:38

score 0 · Answer 2 · answered May 29 '12 at 05:26

0

I am not sure if you are creating div dynamically or not. If you are creating it dynamically you have to use live method as follows:

$("#countryclick").live("click",function(){
    $("#country").hide();
    $("#city").show();
});

Please check it out.

answered May 29 '12 at 05:26

Kalpesh Patel

2,772
2
25
52

score 0 · Answer 3 · answered May 29 '12 at 05:36

<li>
    <div id="countryclick">
      <a href="?Continent=<?php echo $Continent; ?>&Country=<?php echo $Country; ?>">
        LINK HERE
      </a>
    </div>
</li>
<div id="country">country</div>
<div id="city">city</div>

$("div#countryclick").live("click",function(){
    $("#country").hide();
    $("#city").show();
});

this should be working.

score 0 · Answer 4 · answered May 29 '12 at 06:05

0

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. If you are using some older versions of jQuery you should use .delegate() in preference to .live().

Visit here live() and Here on()

answered May 29 '12 at 06:05

ScoRpion

11,364
24
66
89

Unable to target div with JS

4 Answers4