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,''));
    });