我有一个使用此 html 语法的 slider :
<div id="theatre">
<a class="sliderImg" href="01.jpg" />some-text</a>
<a class="sliderImg" href="02.jpg" />another-description</a>
<a class="sliderImg" href="03.jpg" />whatever</a>
<a class="sliderImg" href="04.jpg" />whatever</a>
</div>
我需要做的是隐藏 a 标签的文本而不是 a 标签本身。
我明白了,但没用。
var imgCaptions = $("#theatre a.sliderImg").html();
$(imgCaptions).hide();
我无法添加跨度,因为我将内容用于某些 AJAX。结构必须保留。
非常感谢您的帮助。圣诞快乐!
最佳答案
我建议:
a.sliderImg {
color: transparent;
}
您还可以使用 user-select
CSS 属性来防止文本被选中:
a.sliderImg {
color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
或者,可能,对元素本身使用 unselectable
属性:
<a unselectable="on" class="sliderImg" href="04.jpg">whatever</a>
顺便说一句,您的 HTML 格式不正确,/
应该不在开始标记中(这仅在 void 元素的开始标记中,例如 input
或 img
)。
引用资料:
关于jquery 隐藏标签中的文本内容,而不是标签本身,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14033200/