jquery - 如何在每次具有随机数 li 的无序列表的元素之间显示一条线

标签 jquery html css html-lists

我正在做这个页面,它是为用户与页面交互而制作的,它会有一个用户将确定的页面列表。所以这个列表将作为无序列表显示在 div 中

  • 关于
  • 地点
  • 失控
  • 并且将有一个随机数的 li,这将取决于用户。 我希望列表在元素之间有一行,但在底部的最后一里不应该有任何行,而在顶部的第一行。

    应该是这样的

                                     about
    

                                    location
    

                                    runaway
    

    在我的CSS中我有:

    li { border-bottom: 1px solid rgba(255,255,255,0.6);填充底部:5px;

    有人知道怎么做吗? 谢谢!

    最佳答案

    使用这个 jQuery 来应用 css 类怎么样?

    $('li:not(:last)').addClass('test');
    

    在这里找到一个例子:

    http://jsfiddle.net/umupX/7/

    注意:我已经尝试使用您提供的 css。由于不受支持的“rgba”,它似乎在 IE8 中失败 注意 2:我已经在 IE、Chrome 和 Firefox 中成功测试了上述内容(我更喜欢纯 css 解决方案 http://jsfiddle.net/8NZ2s/ 但那个在 IE8 中失败了)

    关于jquery - 如何在每次具有随机数 li 的无序列表的元素之间显示一条线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5331755/

    相关文章:

    php - 从 HTML 表更新 MySQL,每一行都有自己的形式

    javascript - 尝试将轮播添加到网页而不重定向

    html - 有没有办法用 htaccess 文件更改页面的内容?

    html - 折叠导航栏内容边距 - 跨度类栏

    javascript - 按字母顺序排序项目

    javascript - 使用javascript获取当前url,并查看字符串是否存在

    html - 2 标签内 td 对齐

    css - 如何在 laravel 5 中将另一个 CSS 文件导入 CSS 文件

    javascript - jQuery + IE8 = 对象不支持此属性或方法。如何解决这个问题?

    javascript - JQuery 依赖文件不工作