div ID .append problem

Question

0.00/5 (No votes)

See more:

Hello,

Got this problem too long for now.
Divs created by a loop:

PHP

<?php
	$id = get_the_ID();
	echo '<div id="post-'.$id.'" class="box" >';
?>

On Clicking on a .box div, another div id:zoom append to the div clicked:

JavaScript

var clickedElement;
$('.box').click(function() {
	clickedElement = $(this).attr("id");
});


$('#' + clickedElement).append('<div id="zoom"></div>');

This doesnt work, nothing gets appended.
The following code works:

JavaScript

$('#post-23').append('<div id="zoom"></div>');

So, I really dont know what the problem is... perhaps a selector... dunno

Thanks for help!!!

Regards, Simon

Posted 10-Jan-13 23:15pm

SimonBa

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sanjeev Alamuri · Answer 1 · 2013-01-10T23:18:00

Solution 1

Try like this,

JavaScript

var clickedElement;
$('.box').click(function() {
	clickedElement = $(this).attr("id");
	$('#' + clickedElement).append('<div id="zoom">hello this is newly appended div.</div>');
});

Posted 10-Jan-13 23:18pm

Sanjeev Alamuri

Updated 10-Jan-13 23:32pm

v2

Comments

SimonBa 11-Jan-13 5:30am

Thanks, sadly it doesnt work, even with a fix ID

Sanjeev Alamuri 11-Jan-13 5:31am

Try to put some text in div then check, empty div show you nothing. check my updated solution.

Rai Pawan · Answer 2 · 2013-01-10T23:20:00

Solution 2

you should be using:

C#

$('.box').click(function() {
    $(this).append('<div id="zoom"></div>');
});

Regards
Pawan

Posted 10-Jan-13 23:20pm

Rai Pawan

Comments

SimonBa 11-Jan-13 5:30am

Thanks, sadly it doesnt work, even with a fix ID

Rai Pawan 11-Jan-13 5:57am

you can cross check the following:
1. your jquery code is withing $(document).ready()
2. if your js code is place in a separate .js file, check that you have referenced the corresponding .js file.
- pawan

Rai Pawan 11-Jan-13 7:05am

Also check whether the original div that you've been creating in a loop have some content or not? if they don't have any content, how are you supposed to click on it?
- pawan