Javascript JQuery不会选择附加的隐藏元素

Javascript JQuery不会选择附加的隐藏元素,javascript,jquery,html,Javascript,Jquery,Html,我正在动态添加元素: $.ajax({ type: "POST", url: url, success:function(data) { $('#trNew').before( data ); } }); 和数据: 插入正确的位置。但是,在我尝试选择$popup18或$popup18:hidden时正确调用的editRow中,没有选择任何内容。document.getElementByIdpopup1还返回未定义 有什么我不知道的吗?据我所知,t

我正在动态添加元素:

$.ajax({
    type: "POST",
    url: url,
    success:function(data) {
        $('#trNew').before( data );
    }
});
和数据:

插入正确的位置。但是,在我尝试选择$popup18或$popup18:hidden时正确调用的editRow中,没有选择任何内容。document.getElementByIdpopup1还返回未定义

有什么我不知道的吗?

据我所知,tr不支持DIV作为儿童

零个或多个td、th和脚本支持元素

因此,这基本上是无效的html-因此,任何东西都可能无法工作-取决于今天星星的排列方式

据我所知,tr不支持作为孩子的div

零个或多个td、th和脚本支持元素


因此,这基本上是无效的html-因此,任何东西都可能无法工作-取决于今天星星的排列方式

尝试更改html中的行,如下所示:

 <td><a id="e1" href="#" onclick="return editRow(this)">Edit</a></td>
我已将editRowthis从editRow'e1'更改。 这将作为对象传递锚元素

并更改您的Html lik:

<tr id="val1">
    <td>...</td>
    <td><a id="e1" href="#" onclick="return editRow(this)">Edit</a>
        <div class="hide" id="popup1">
           <input type="text">
           <button>Save</button>
        </div> 
    </td>
</tr>

您可以在fiddle上尝试此操作尝试更改html中的行,如下所示:

 <td><a id="e1" href="#" onclick="return editRow(this)">Edit</a></td>
我已将editRowthis从editRow'e1'更改。 这将作为对象传递锚元素

并更改您的Html lik:

<tr id="val1">
    <td>...</td>
    <td><a id="e1" href="#" onclick="return editRow(this)">Edit</a>
        <div class="hide" id="popup1">
           <input type="text">
           <button>Save</button>
        </div> 
    </td>
</tr>

您可以在fiddle上尝试此操作

您可以为您的问题提供一个JSFIDLE页面吗?您的html无效。通过将div移动到tdo使其有效您可以为您的问题提供JSFIDLE页面吗?您的html无效。通过将div移动到TDThank使其有效。首先让我困惑的是,我使用相同的php代码来加载一些静态元素,现在我已经更仔细地“检查”了元素,我发现创建DOM树的任何东西都会将这些div移动到父div,从而使标记有效。谢谢。首先让我困惑的是,我使用相同的php代码来加载一些静态元素,现在我已经更仔细地“检查”了元素,我发现创建DOM树的任何东西都会将这些div移动到父div,从而使标记有效。谢谢。我会接受你的答案,但上面的答案比你快了20秒,对后代更有用很抱歉我不是在玩游戏。我只是想帮助别人,这样我将来就能得到别人的帮助:-谢谢。我会接受你的答案,但上面的答案比你快了20秒,对后代更有用很抱歉我不是在玩游戏。我只是想帮助别人,以便将来有人能帮助我:-