javascript - 隐藏时注释掉元素

Question

我想使用 JavaScript 注释掉 div 中的文本。

例如，我得到 <div> This is a text</div> 。我想使用代码，除非这是可见的，否则它会被注释掉。

 <!-- -->

我有 3 个选项卡，单击它们可以在 div 中查看不同的文本、图像、视频。

这是一个JSFiddle它看起来像什么。

我尝试更改文本，这并不难，但我无法编写按我想要的方式工作的代码。我希望隐藏的 div 内容被注释掉，以免滞后于网站，但是当我单击隐藏的 div 时，我希望注释掉的部分取消注释。

这是用于切换和隐藏 div 的脚本。

 $('.Options div').click(function() {
            var i = $(this).index();
            $('.Frames').hide();
            $('#Action' + (i + 1)).show();
        });

这是 HTML 代码:

<div class="Options">       
                <div class="OptionsTab">OptionRed</div>
                <div class="OptionsTab">OptionGreen</div>
                <div class="OptionsTab">OptionBlue</div>
 </div>

 <div class="Holder">
                <div class="Frames" id="Action1" style="display: block;">

                 <div style="font-size: 25px; color: white;"> This is a contained object</div>  

                </div>
                <div class="Frames" id="Action2">

                    <div style="font-size: 25px; color: white;"> This is a contained object</div>

                </div>
                <div class="Frames" id="Action3">

                    <div style="font-size: 25px; color: white;"> This is a contained object</div>

                </div>





        </div>

Answer 1

使用 javascript 注释不会节省内存或加载时间，因为源已经从服务器加载

您可以通过以下方式删除客户端的节点，而不是使用 hide() (display:none) 隐藏节点

$('.Frames').remove();