ajax响应的jquery选择器

Question

我接收到ajax响应为html，并且我需要提取指定div的内容。

它的工作原理：

function callback(data) { 
    container = $(data).filter('div.container#container'); 
    container_in = $(container.html()).filter('div.container-in'); 
    main_container = $(container_in.html()).filter('div#main-container.main-container'); 
    div_content = $(main_container.html()).filter('div#content.right-block'); 
} 

，并返回空

$(data).filter('div#content.right-block') 

我可以在不过$（数据）使用一个选择？

Answer 1

function callback(data) { 
    container = $(data).find('#container'); 
    container_in = container.find('div.container-in'); 
    main_container = container_in.find('#main-container'); 
    div_content = main_container.find('#content'); 
} 

您不需要继续使用.html()和$()，因为第一$(data)解析万事成DOM元素。另外，ID选择器上的额外标签和类限定符是多余的，因为ID必须是唯一的。

您也可以用一个单一的选择内容：

div_content = $(data).find("#content");