How to find the div html from the ajax post result in jquery

Question

Hi Guys,

I am using JQuery and I have below code.

 $("#departure_city").change(function() 
            {                         
                $.ajax(
                {
                type:'post',
                url: '/specialoffers.aspx',
                data: { city: $(this).val() },
                success: function(result) 
                {
                    $("tab-container").find(".borderContainer").html((result).find('#tab-container').find('.borderContainer').html);
                }
                });
            });   

I want to update particular div html got from the ajax result html, I am trying with some below logic, but it is not working for me. Here I am looking to take particular div html from ajax result.

$("tab-container").find(".borderContainer").html((result).find('#tab-container').find('.borderContainer').html);

Please suggest!

Answer 1

You're missing a # on your first selector, $ on your second and () on your .html() call, like this:

$("#tab-container").find(".borderContainer").html($(result).find('#tab-container').find('.borderContainer').html());

A bit simple would be like this:

$("#tab-container .borderContainer").html($(result).find('#tab-container .borderContainer').html());

Or use .replacewith() like this:

$("#tab-container .borderContainer").replaceWith($('#tab-container .borderContainer', result));