jQuery .filter() dont work

Question

У меня есть html-страница, содержащая форму с id "frmCmt", я хочу просто показать эту форму в другом документе, используя jQuery .filter(), но теперь работаю и показываю полную страницу ,

мой код JQuery:

function showCommentForm(postID){ 
$.ajax({ 
type: "GET", 
cache: true, 
url: "http://mysite.com/post/comment/"+postID, 
success:(function(msg){ 
$("#commentContainer"+postID).html(msg).filter("#frmCmt") ; 
return false; 
})}); 

пожалуйста, помогите.

Answer 1

Ваш текущий код не будет работать по трем причинам:

1. Вы инъекционные все в msg в свой элемент в HTML; .filter только пробегает после Это произошло, поэтому он не может работать.
2. .filter фильтрует элементы из согласованного набора объекта jQuery, но tou не использует результат .filter, чтобы сделать что-либо, чтобы он снова не работал.
3. Соответствующий набор в этом случае не содержит никакого элемента #frmCmt, поэтому .filter будет оценивать «пустой» экземпляр jQuery; даже если бы это было каким-то образом использовано, результаты не были бы тем, что вы ожидали.

Изменить код

var html = $(msg).find("#frmCmt").html(); 
$("#commentContainer"+postID).html(html); 

Этот код создает объект JQuery из содержимого msg и нулей в на требуемом элементе с .find, прежде чем вставить его в DOM.

Answer 2

Вам может понадобиться использовать find() вместо .filter() здесь, фильтр будет работать только в случае, если данный элемент является элемент верхнего уровня в msg

Один способ исправить это может быть

$(msg).find('#frmCmt').appendTo($("#commentContainer"+postID).empty()) 

Или вы можете использовать функцию .load()

$("#commentContainer"+postID).load("http://mysite.com/post/comment/"+postID + ' #frmCmt')