Как получить текст div?

Question

Я заполняю содержимое div, имеющего дисплей - никто не использует AJAX. Код выглядит следующим образом -

$(".event").mouseover(function() { 
    var id = $(this).attr("id"); 

    $(".hidden-div").html(""); 

    $.post("get-festival-desc.php", { 
     festid: id 
    }, function (data) { 
     $(".hidden-div").html(data); 
    }); 

    var fest_title = $(".hidden-div").text(); 
    alert(fest_title); 
}); 

Он работает все хорошо (проверено путем проверки элемента) и «скрытые ДИВ» действительно получают необходимые данные. Однако я также хочу предупредить текст «hidden-div», но это, похоже, не происходит.

Это из-за дисплея, установленного на none или AJAX или что-то, что я делаю неправильно?

Answer 1

Это проблема с асинхронными. Попробуйте это:

$(".event").mouseover(function(){ 
     var id = $(this).attr("id"); 
     $(".hidden-div").html(""); 
     $.post("get-festival-desc.php", {festid: id}, function(data){ 

      $(".hidden-div").html(data); 
      var fest_title = $(".hidden-div").text(); 
      alert(fest_title); 
     }); 
}); 

В принципе, JQuery не будет ждать стоимости $.post() вернуться до того, как выполнить бы остальную часть кода. Таким образом, вам нужно будет предупредить текст в обратном вызове, а не из него.

Answer 2

Я думаю, что это должно работать:

var fest_title = $(".hidden-div").html();