jQuery和load()。无法更改加载的类中的内部HTML

Question

我正在尝试通过这个函数在已加载的div中更改内部HTML：

$("#container").load("site.php");

在site.php中，我有<div class="users_count">，我想在里面放一些文本。我正在尝试使用$(".users_count").html("TEST")，但无法实现，因为jQuery看不到.users_count类。

我听说过jQuery、on()和live()，但它需要一些像click, keyup etc...这样的事件

我需要在没有任何事件的情况下将一些文本放到这个div中--只需在我的函数中这样做，而不需要用户操作。

Answer 1

您可以使用的完整回调：

如果提供了“完整”回调，则在执行后处理和

插入后执行该回调。

$("#container").load("site.php", function() {
    $(".users_count").html("TEST")
});

Answer 2

$.fn.load()是异步的，您可以使用complete回调：

$("#container").load("site.php", function(){
  $(this).find('.users_count').html('TEST');
});

$(this).find('.users_count')仅仅是$('.users_count')，因为设置相关的上下文更好，你不希望在大多数情况下目标元素不是已加载内容的后代，这取决于所使用的selector。在你的情况下，这不会改变什么，但有时谁知道呢……

Answer 3

当加载完成时，你想要做一些事情。这是在完整回调中完成的。

$( "#result" ).load( "ajax/test.html", function() {
  alert( "Load was performed." );
  // Do your stuff here
});