jQuery에서 AJAX를 통해 페이지를 호출하고 있습니다.jQuery AJAX 데이터를 필터링 한 다음 데이터를 바꿉니다.
특정 DIV 클래스 만 가져올 수 있도록 이러한 페이지의 내용을 필터링해야합니다. 이 인스턴스에서는 'Section1'입니다.
이 필터링 된 데이터는 같은 클래스의 DIV에서 현재 페이지의 동일한 데이터를 대체해야합니다.
I 현재이를하지만 정말 나를 위해 작동하지 않습니다 :
var $filteredData = $(data).find('.Section1');
$('.Section1').replaceWith($filteredData);
.filter()
단지에서 최상위 요소를 찾아 낼 것입니다 :
$("#dialog_select").live('change', function() {
//set the select value
var $optionVal = $(this).val();
//$(this).log($optionVal);
$.ajax({
type: "GET",
url: $optionVal,
dataType: "html",
cache: false,
success: function(data) {
var $filteredData = $(data).filter('.Section1');
$('.Section1').replaceWith($filteredData);
},
error: function(xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
}
});
});
'filter()'는 ** 최상위 ** 요소 만 반환합니다. 응답의 내용에 포함되어 있지 않습니까? –