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, Dec 28 '14 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, Dec 28 '14 at 17:55

score 1 · Accepted Answer · edited May 23 '17 at 12:28

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 '17 at 12:28

Community

1
1

answered Dec 28 '14 at 17:53

mickzer

5,958
5
34
57

Insert data and select with jQuery - append

1 Answers1