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

Answer 1

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

.acc_container{
   display:none;
}

每当您想要show时，请使用jQuery $(".acc_container").show();

Answer 2

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

Answer 3

您可以在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();**
   });

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

3 个答案: