jQuery - 如何显示/隐藏动态生成的HTML元素

Question

我有以下代码。具有类“.acc_container”的HTML元素是通过AJAX调用动态创建的，因此当执行代码“$('.acc_container').hide();”时，它们还不存在。在这里是否有类似于事件绑定的“live”函数的解决方法？

$(document).ready(function () {
    $('.acc_container').hide();
    $.ajax({
        type: 'GET',
        url: 'Sample.xml',
        dataType: 'xml',
        success: function (xml) {
        //Tags with ".acc_container" class created here

- Laguna

---

为什么不把它隐藏在成功回调函数中呢？ - John Hartsock

好主意，约翰。我认为那也会起作用。谢谢。 - Laguna

Answer 1

您可以通过CSS轻松控制它。

.acc_container{
   display:none;
}

每当你想要展示时，就使用jQuery的$(".acc_container").show();。

- ShankarSangoli

Answer 2

您可以在 AJAX 回调函数中隐藏已创建的元素。

$(document).ready(function () {
    $.ajax({
        type: 'GET',
        url: 'Sample.xml',
        dataType: 'xml',
        success: function (xml) {

        //Tags with ".acc_container" class created here

        **$('.acc_container').hide();**
   });

- PavelKumpan

Answer 3

我喜欢ShankarSangoli的回答，但是请注意，所有具有该类的容器都将被显示，而不仅仅是最后一个... 如果可以的话，您可能希望通过ID而不是类来控制可见性。

- Rick Kukiela