javascript - 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

I can see that there should be multiple tags in the 'js_outer_div' div

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

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

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

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