我想使用 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>
最佳答案
使用 javascript 注释不会节省内存或加载时间,因为源已经从服务器加载
您可以通过以下方式删除客户端的节点,而不是使用 hide()
(display:none) 隐藏节点
$('.Frames').remove();
关于javascript - 隐藏时注释掉元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29615702/