JQuery - 访问加载了 .ajax 的元素 [重复]

Question

我正在将数据加载到

<div id="content_8">
</div>

使用以下函数：

...
var number = 8; //i.e.
$.ajax
({
    url: "load.inc.php",
    dataTypeString:"html",
    data: "var="+number,
    success: function(html)
    {
        $('#content_'+number).html(html);
    }
}); 

这很好用，但是：html 包含不同的 ID，并且加载的 html 看起来像示例

<tr id="someid_8_1234">...</tr>
<tr id="someid_8_7294">...</tr>
<tr id="someid_8_9999">...</tr>

由于它们还没有在 DOM 中注册，所以我不能使用这段代码

$('[id^=someid_]').click(function(){
    $(this).toggle();
});

我快疯了，到目前为止我发现的所有提示都指向我不理解的 delegate() 或 live()，它们大多指向单个示例而不是数百个 ID，有没有办法附加DOM 中的整个 HTML 块？

提前致谢！

Answer 1

将此用于动态创建的元素：

$(document).on('click','[id^=someid_]',function()
{
///your code

});

Answer 2

也许……

     success: function(html)    {
            var newContent = $.parseHTML(html)
            $('#content_'+number).html(newContent);
            $('[id^=someid_]', newContent).click(function(){
                $(this).toggle();
            });
        }