weixin_33692284的博客

Im using .append on each of the data i want to load but i want to change the data in my site for example if i click button1 it will show the name and price of the room, then if i click button2 now it should show the data of the button2 and remove the data from button1 in my site. thats what i want to happen. Right now it only stacks the data of each button when i press that diff buttons Like Single Room 45$ Family Room 49$ it stacks up.. this is my code

$(document).ready(function() {
        $(".bkng").on("click", function(event) {
              event.preventDefault();

            var id = $(this).data('room-id');
                console.log(id);


                if(id != '')

                {
                    $.ajax(
                {
                    type:"POST",
                    url : "Pages/ajax",
                    data:{id:id},


                    success:function(data)
                    {
                        console.dir(data);
                        if (data) {


                        result = JSON.parse(data);

                        $("#test1").append(result[0]['name']);
                        $("#test2").append(result[0]['price']);
                        $("#test3").append(result[0]['price']);
                        }
                        else {
                             $('#test1').append('no records found');
                        }


                    }
                });
            }


            });
        });