Insert data and select with jQuery - append

Question

I have code jquery working fine with me ,

the problem is when I insert data and selected its append down then down then down :) I wont append up of last append data

here is code:

<script>
    $(function(){
        $('#categorie-form').submit(function(){
            $.post("categorie.php?type=categorie",$('#categorie-form').serialize(),function(categorie){
                $("#showCategorie").append(categorie);
                $("[name=categories]").val("");
            });
            return false;
        });
    });
</script>

<div id="showCategorie" ></div>

i hope answer simple .

When you want "up", you probably mean prepend as in it inserts at the top. — adeneo
– adeneo, Commented Dec 28, 2014 at 17:50
From append() DOC: The .append() method inserts the specified content as the last child of each element in the jQuery collection (To insert it as the first child, use .prepend()). — A. Wolff
– A. Wolff, Commented Dec 28, 2014 at 17:55

Community · Accepted Answer · 2017-05-23 12:28:27Z

1

Try replacing $("#showCategorie").append(categorie); with $("#showCategorie").prepend(categorie);

See .append(), prepend(), .after() and .before() for a clear explanation of different functions to add things to the DOM.

edited May 23, 2017 at 12:28

CommunityBot

11 silver badge

answered Dec 28, 2014 at 17:53

mickzer

6,3985 gold badges39 silver badges60 bronze badges

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

Collectives™ on Stack Overflow

Insert data and select with jQuery - append

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related