javascript - Jquery wrapInner 无法在页面上工作

Question

我在使用wrappInner时遇到了一些以前从未见过的问题。该页面是动态生成的页面，这是预期的，我正在尝试将 div 的所有元素包装在网格表中。

以下是 HTML 代码示例:

<div class="n-files-all" id="yw4">
    <div class="yiiPager">
        <div class="n-file">content</div>
        <div class="n-file">content</div>
        <div class="n-file">content</div>
    </div>
</div>

这是 JavaScript:

var checkExist = setInterval(function() {
    if ( icon_container.find(".n-file").length ) {
        // if there are children, do this
        console.log("There are n-files!");
        $(".n-files-all .yiiPager").wrapInner("<table id='myGrid' class='tablesorter'></table>");
        clearInterval(checkExist);
    }
}, 100);

它会进入 if block ，因为我可以将发送日志放入控制台，并且我可以在那里看到它。

我试图最终得到这个应该非常简单的结果(我最终将内部元素包装在 tr 和 td 中):

<div class="n-files-all" id="yw4">
    <div class="yiiPager">
        <table id="myGrid" class="tablesorter">
            <div class="n-file">content</div>
            <div class="n-file">content</div>
            <div class="n-file">content</div>
        </table>
    </div>
</div>

这是最关键的，如果我将代码复制并粘贴到控制台中，它就会工作并执行我想要的操作。可能发生什么事？ setInterval 应该通过等待内容来工作，但我也尝试了 $( document ).ready() 来等待整个文档加载。

提前致谢!

更多信息:

因此，如果我将纯文本附加或添加到 div 中，它就会起作用。但如果我尝试在 html 前面或附加任何内容，它不会，它会删除 HTML 并只留下文本。

Answer 1

如果你改变:

if ( icon_container.find(".n-file").length ) {

至

if ( $('#yw4 .yiiPager .n-file').length > 0 ) {

无论如何，如果我们假设 icon_container 已正确定义，那么原始内容似乎是有效的。