ansaurus

Question

selecting an element immediately after append - Jquery

Answer 1

A:

Try this:

// Create and append div1.
var div1 = $('<div id="div1" />');
$('.some-element').append(div1);

// Append contents.
div1.append('<div id="div2" />');
// Etc.

Edit: Looking at your code, I think what you want is to use the text function:

$('#popup').text('hi');

Edit: OK, try this code snippet; does it work?

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
        <script type="text/javascript">
        $(function()
        {
            $('body').append("<div id ='backFade' style='background-color: Black; left: 0; top: 0; width: 100%; height: 100%;min-height: 768px; position: absolute; -moz-opacity: 0.7; filter: alpha(opacity=70);opacity: 0.7;'></div>");
            $('body').append("<div id='popup' style='background-color:white;display:block; border: solid 3px #A9D0F5;top: 45%;left:50%; margin-top:-75.5px; margin-left:-203px;width: 500px; height: 200px; z-index: 100; position: fixed;'></div>");
            $('#popup').append("hi");
        });
        </script>
    </head>
    <body>
    </body>
</html>

Will Vousden 2010-01-07 09:17:49

no yaar, what i need is append . That was just an example. Even text is not working

Ajay 2010-01-07 09:26:33

Well there's the obvious question of whether you've got your code inside a document ready event handler?

Will Vousden 2010-01-07 09:29:08

the function which does all these in called on onload of body

Ajay 2010-01-07 09:30:58

there is nothing different in this except that jQuery is accessed from google.

Ajay 2010-01-07 09:38:53

If that doesn't work then I'm not sure. Have you verified that JavaScript is actually being executed? Try putting some `alert('foo')` calls in there.

Will Vousden 2010-01-07 09:44:05

Answer 2

+1 A:

rahul 2010-01-07 09:31:18

tried both, in vain!

Ajay 2010-01-07 09:35:08

Answer 3

+2 A:

Why not just append it directly after creation?

$('body').append (
    $('<div id="popup"></div>')
        .css ({
            'backgroundColor': 'white',
            'display': 'block',
            'borderr': 'solid 3px #a9d0f5',
            'top': '45%',
            'left': '50%',
            'marginTop': '-75.5px',
            'marginLeft': '-203px',
            'width': '500px',
            'height': '200px',
            'zIndex': '100',
            'position': 'fixed'
        })
        .append("hi")
);

K Prime 2010-01-07 09:44:02

borderr should be border.

Jimmie Lin 2010-01-07 09:51:16

this one's working :)

Ajay 2010-01-07 09:52:30

ansaurus

tags:

views:

answers:

selecting an element immediately after append - Jquery

related questions