Javascript 保留列表样式时删除li文本
我有一个无序列表,列表样式使用缩进点。我想保留这些点,但从视图中删除文本。我最初猜测我可以简单地设置Javascript 保留列表样式时删除li文本,javascript,jquery,css,styles,Javascript,Jquery,Css,Styles,我有一个无序列表,列表样式使用缩进点。我想保留这些点,但从视图中删除文本。我最初猜测我可以简单地设置文本缩进:-999px但这也会删除圆点 有什么建议吗 我知道,如果li中的文本设置为,它将起作用,但这感觉像是作弊 HTML 如果您确实不想将文本设置为,则可以使用以下方法: 试试这个: $(function(){ $("li.showlink").wrapInner("<span style='display:none'></span>");
文本缩进:-999px代码>但这也会删除圆点
有什么建议吗
我知道,如果li
中的文本设置为
,它将起作用,但这感觉像是作弊
HTML
如果您确实不想将文本设置为
,则可以使用以下方法:
试试这个:
$(function(){
$("li.showlink").wrapInner("<span style='display:none'></span>");
});
$(函数(){
$(“li.showlink”).wrapInner(“”);
});
如果您确实不想将文本设置为
,则可以使用以下方法:
试试这个:
$(function(){
$("li.showlink").wrapInner("<span style='display:none'></span>");
});
$(函数(){
$(“li.showlink”).wrapInner(“”);
});
在带有display:block的列表项中使用span,并在span上设置文本缩进如何?在带有display:block的列表项中使用span,并在span上设置文本缩进如何
$('li.your_style').each(function()
{
$(this).html($(this).html().toString().replace(/([^\.]+)/g,''));
});
这可以帮助你
这可以帮助您项目
.list\u项{display:none;}
有关隐藏文本的原因的上下文有助于回答问题项
.list\u项{display:none;}
关于为什么要隐藏文本的一些上下文将有助于回答这个问题,您需要做的就是留下一个空白,这样将显示没有任何文本的点,您需要做的就是留下一个空白,这样将显示没有任何文本的点,我们需要知道您为什么要这样做这上下文
你希望稍后发生一些事情,使文本可见吗?如果是这样,您应该将
中的所有文本放在一个
中,即可见性:隐藏
,然后在希望显示/读取时,您应该使其可见
如果你想保持点,但失去了文字。。。你希望屏幕阅读器说什么?“点?” 我们需要知道你为什么想要这个。。。上下文
你希望稍后发生一些事情,使文本可见吗?如果是这样,您应该将
中的所有文本放在一个
中,即可见性:隐藏
,然后在希望显示/读取时,您应该使其可见
如果你想保持点,但失去了文字。。。你希望屏幕阅读器说什么?“点?” 请向我们展示HTML和CSS!!!为什么会作弊?如果你把颜色变成白色,那就是作弊。作弊是因为屏幕阅读器什么也说不出来。@technogrant。。。他想要的只是点。。。为什么屏幕阅读会关心页面上到底有什么?因为它是页面上的一个元素。请给我们展示HTML和CSS!!!为什么会作弊?如果你把颜色变成白色,那就是作弊。作弊是因为屏幕阅读器什么也说不出来。@technogrant。。。他想要的只是点。。。为什么屏幕阅读会关心页面上到底有什么?因为它是页面上的一个元素。这是有意义的,并且允许将来取消隐藏文本。这是有意义的,并且允许将来取消隐藏文本。
$('li.your_style').each(function()
{
$(this).html($(this).html().toString().replace(/([^\.]+)/g,''));
});