首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jQuery从内部div中删除

使用jQuery从内部div中删除
EN

Stack Overflow用户
提问于 2014-07-23 09:22:36
回答 3查看 65关注 0票数 0

我已经编写了一个脚本,它应该在单击div中呈现文本(稍后是部分视图)。我检测到div是否可见,如果不是,我会在单击中添加文本并使div可见。这部分工作得很完美。当单击div并且div是可见的时,我希望删除已经添加的内容,这样如果我多次单击它,它就不会繁殖。

我得到两个警报-因此检测div可见性有效,但文本不会被删除,如果我多次单击它,它会成倍增加。

这是我的代码-你能告诉我我做错了什么吗?

代码语言:javascript
复制
<script language="javascript">
    $(document).ready(function () {
        $(".content").hide();
        $(".heading").click(function () {
            var id = $(this).attr("id");
            var content = $(this).next(".content");

            if (content.is(":hidden")) {
                content.append("<p id='render-object'>Testing rendering on click</p>");
                alert('Content is opening');
            }
            else if (content.is(":visible")) {
                content.next("#render-object").remove();
                alert('Content is closing');
            }

            content.slideToggle(100);                
        });
    });
</script>
EN

Stack Overflow用户

发布于 2014-07-23 09:26:35

在删除时,您可能希望使用.find()而不是.next()。

票数 3
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24906640

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档