hwbays 2017-07-25 08:42 采纳率: 0%
浏览 10022

javaScript li标签如何设置选中

 我写的是jsp页面，设置li标签是选中状态的，li标签是动态添加的下面是代码：
{{each basInforList as t}}
                                            <li data-baseinforid="{{t.identifyId}}" name="zwTableName" {{if t.identifyId == baseinforid}} class="active" {{/if}} style="text-align:center;padding:4px;text-valign:middle;line-height:100%;border-bottom:1px solid #CCCCCC;font-size:20px;">
                                                {{t.zwTableName}}
                                                {{if t.adoptType!="1"}}
                                                    <span class="floorkingred">&nbsp;采 信&nbsp;</span>
                                                {{/if}}
                                            </li>
                                        {{/each}}

我想让其中的一个li标签设置为选中状态，{{if t.identifyId == baseinforid}} class="active" {{/if}}这个是我写的判断条件，百度了一下说class='active'可以，但我的不行。求大神解决
  • 写回答

5条回答 默认 最新

  • 算不算码农 2017-07-25 09:45
    关注

    不难想的 你多思考就会了 给你demo看看 百度的意思

     <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        li{
            list-style: none;
            text-align: center;
            height: 40px;
            width: 120px;
            line-height: 40px;
            background: #ccc;
            color: #fff;
            margin: 5px;
            border-bottom: 2px solid transparent;
        }
        li.active{
            border-bottom: 2px solid blue;
        }
    </style>
</head>
<body>
    <li class="active">选中状态样式</li>
    <li>item2</li>
    <li>item3</li>

</body>
</html>![图片说明](https://img-ask.csdn.net/upload/201707/25/1500975834_61827.png)
    评论

报告相同问题？

  • JavaScript使用ul中li标签实现删除效果
    2020-10-17 04:05
    li元素的背景色被设置为灰色，其上边距被设置为2像素，使其在视觉上有所分隔。当鼠标悬停在li元素上时，背景色会变成红色，进一步改善了用户交互体验。通过添加“hover”类，可以使得鼠标悬停时的样式保持应用，即使...
  • Javascript 获取LI里的内容
    2020-10-30 03:45
    首先，HTML中的UL标签用于创建无序列表，而列表中的每个项目都是由LI标签来表示的。一个UL元素可以包含多个LI元素，形成一个列表项的集合。JavaScript可以用来操作这些HTML元素，实现动态获取和修改这些元素的内容。...
  • ＜li＞标签获取选中的值
    2022-02-16 21:38
    Interface.的博客 li标签获取选中的值
  • html让li处于被选中状态,JavaScript通过选择HTML属性不起作用来隐藏li标签
    2021-06-10 07:19
    CRH380B3666的博客 我有3列，其中包括动态生成的列表元素(li标签) 这些有一个属性，我试图用来隐藏一行/ li当字符数量是没有达到这个元素(通过使用不透明属性)JavaScript通过选择HTML属性不起作用来隐藏li标签我有它的工作......
  • Jquery和JS获取ul中li标签的实现方法
    2020-11-24 06:59
    在JavaScript和jQuery中，获取`<ul>`中的`<li>`标签是常见的需求，这在构建动态网页和交互式用户界面时尤其重要。以下是一些关于如何实现这一目标的方法： ### JavaScript 获取`<ul>`中`<li>`的实现 在JavaScript...
  • javascript动态添加删除tabs标签的方法
    2020-10-23 23:25
    在实际应用中，你可能还需要添加事件监听器来处理用户点击标签的行为，以及确保只有当前选中的标签和面板可见。这可以通过`addEventListener`或`attachEvent`（对于旧版IE浏览器）来实现。 总结一下，JavaScript...
  • js实现li标签带链接切换选中状态
    2020-02-05 01:23
    橙絮猿~的博客 用js实现超链接导航菜单点击切换选中时的状态 <div class="row border-bottom"> <div class="col-lg-12"> <div class="tab_title"> <ul class="nav nav-pills"> <l...
  • JS实现动态增加和删除li标签行的实例代码
    2020-10-21 07:56
    本文将通过一个具体的实例，讲解如何使用JavaScript实现动态增加和删除`li`标签行。 首先，我们来看一下如何添加`li`标签。在这个示例中，`addDepartment`函数用于动态创建一个新的`li`元素。以下是如何实现这一...
  • angular或者js怎么确定选中ul中的哪几个li
    2020-10-19 09:25
    具体操作是，在每个`<li>`元素中插入一个隐藏的`radio`按钮，并将其`name`属性设置为相同的值，以便所有单选按钮都属于同一组，从而实现单选功能。 ```html <li> ;"> 选项1 </li> <li> ;"> 选项2 </li> ...
  • js 设置选中行的样式的实现代码
    2020-10-29 02:50
    本文主要介绍了在JavaScript中实现设置表格中选中行样式的函数实现方法，详细阐述了如何通过编写一个自定义函数来为表格中的选中行添加特定的样式，并且同时为未选中的行设置另外一种样式。 知识点一：函数实现 ...
  • 没有解决我的问题, 去提问