jquery - 在两个 .filter() 之后获取脚本标签的问题

Question

我有一个想要解析标签的 ajax 响应，我只想在特定的 div id 中查找脚本标签。下面将捕获并运行页面中的每个 javascript：

success: function(data) {
    var dom = $(data);
    dom.filter('script').each(function(){
        var obj = $(this);                                          
        $('#my_div').append(obj);
    });
},

当我尝试先按 div id 过滤，然后按脚本过滤时，它不会附加任何内容。我显然可以访问响应 html，我可以看到 'js_outer_div' div 中应该有多个标签：

var dom = $(data);
dom.filter('js_outer_div').filter('script').each(function(){
    var obj = $(this);                                          
    $('#my_div').append(obj);
});

不幸的是，我无法控制响应 html。有没有办法先按 div 过滤，然后按我想要的脚本过滤？

编辑：示例 html 响应：

... 
<div id="i9-content-div">
<script xmlns:efactions="http://www.enginframe.com/2009/efactions" xmlns:grid="http://www.enginframe.com/2000/GRID" type="text/javascript">
...
</script>
<script type="text/javascript">
...
</script>
</div>

Answer 1

我可以看到'js_outer_div' div中应该有多个标签

如果js_outer_div 是一个类名，那么filter 方法应该是：

dom.filter('.js_outer_div')...

但是不，它不能解决问题。 filter 方法过滤集合中的顶级元素。 jQuery 集合不是平面的，它保留了元素层次结构。您应该使用find 方法。由于find 方法选择集合中包装元素的后代，您可以生成div 元素并使用html 方法使用data 变量设置其内容。现在find 方法可以工作，无论目标div.js_outer_div 是否是顶级元素。

$('<div/>').html(data).find('.js_outer_div script').each(...)

Answer 2

您可以使用find 代替filter。

var dom = $(data);
dom.find('js_outer_div script').each(function(){
    var obj = $(this);                                          
    $('#my_div').append(obj);
});

现在这实际上不会选择任何东西，除非你在某处有一个<js_outer_div> 标签。想必你需要在 find 语句中将js_outer_div 改为.js_outer_div 或#js_outer_div。