隐藏使用跨度

时间:2012-09-26 02:04:29

标签: jquery html

这个问题可能看起来很奇怪,但从技术角度看,在一个范围内包装一组元素是不正确的。这样就可以根据要求隐藏并显示跨度。我只是问,因为那时你可以更多地控制你想隐藏的地方。

<did> this is a blog post</div>
<h3>title</h3>
<p>blah blah  blah blah blah<p>
<p>blah blah  blah <span class="hidden">blah blah<p>
<p>blah blah  blah blah blah<p>
<p>blah blah  blah blah blah<p>
<p>blah blah  blah blah blah<p></span>

当我能够对HTML进行硬编码时,这是有效的。但是当我尝试将跨度包裹在某些元素周围时,它将不再包围最近的关闭标记。有任何想法吗?或者更好的想法?

2 个答案:

答案 0 :(得分:2)

<span>是一个内联元素,只能包含abbrstrongtt等其他元素。

您可以轻松地使用div作为外部元素来伪装。

<div style="display: none">
   all this info
   <span>will be hidden</span>
   <p /> from view until
   <br /> you change the div visibility
</div>

答案 1 :(得分:1)

不,这不是不正确的。实际上,这种技术通常用于现代网站上以隐藏小文本框或帮助提示。请记住,span标记是 inline 而不是 block 元素,因此您可能希望使用在CSS中明确具有“display = inline-block”的div标记进行实验。