向第一个动态创建的li标记添加类
，可以使用以下方法：
- 首先，通过JavaScript获取到要操作的li标记。可以通过getElementById、getElementsByClassName、querySelector等方法获取到指定的li标记。
- 通过classList属性来操作标记的类。classList是一个包含元素类的只读属性，可以用来添加、移除、切换、包含等操作类。
- 使用classList的add方法，将要添加的类作为参数传入，即可向标记中添加指定的类。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<script>
// 获取第一个li标记
var firstLi = document.getElementById("myList").getElementsByTagName("li")[0];
// 添加类到第一个li标记
firstLi.classList.add("highlight");
</script>
</body>
</html>在上面的示例代码中，我们首先获取到id为"myList"的ul标记，然后通过getElementsByTagName方法获取到ul标记下的所有li标记，并通过索引[0]获取到第一个li标记。然后使用classList的add方法，将类名"highlight"作为参数传入，即可向第一个li标记添加highlight类。
相关·内容
6回答
在这种情况下，我需要将一个名为"active“的类附加到一组动态创建的div中。我的问题是，我应该只将类“活动”添加到动态创建的div集合的第一个，而rest没有它。
下面是我的html示例。
<!-- Begin Carousel -->
<div id="carousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicator
浏览 2提问于2014-04-02得票数 0
回答已采纳
2回答
我通过使用jquery的递归函数动态地生成了包含无序列表、列表项和属性的html结构。然后，我在属性标记中添加了一个图像。现在，我想在css文件中设置该图像的样式。属性标记还包含来自我的json的name值。我在上下文菜单中显示了所有这些。我打算在名字的左边显示这个图像。目前，我添加的图像出现在名字的中央和右边，图像的大小也太大了。我想调整图像的位置和大小。在这种情况下，当我动态地添加图像时，我如何做到这一点？下面是创建html结构的函数：
var getMenuItem = function (itemData) {
var item = $("<li>&
浏览 0提问于2017-08-07得票数 0
回答已采纳
2回答
如何编辑bootsrap样式，如正文背景颜色？
我不想一直这样做：
body { background: #539754 !important; }
我想在导航栏中设置字体颜色，但我不能这样做。我非常迷惑这些风格是从哪里来的
.navbar-default .navbar-nav > li > a {
color: #000;
font-size: 20px;
font-family: cursive;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav >
浏览 4提问于2017-04-13得票数 1
回答已采纳
应用程序接收用户输入，然后在单击按钮时动态创建一个新节点。但是，我无法在我所追加的li中的每个附加节点之间添加一个行间隔。
以下是守则：
btn.onclick = function () {
text = optionField.value;
Li.appendChild(document.createTextNode(text));
Li.setAttribute("style", "display: block;");
ul.appendChild(Li);
};
任何帮助都将不胜感激。
浏览 2提问于2021-06-01得票数 0
回答已采纳
我有一组嵌套的对象要排序。正下方的第一个示例是我的原型/测试。它工作得很好。外部组排序，内部组排序。内部组被锁定在内部-不能移动到外部。就像我想要的那样。
<div id="example5">
<ul class="table">
<li class="group" style="width:300px;">Group 1
<ul style="padding:0px;">
<li
浏览 1提问于2014-06-07得票数 0
2回答
我在一个ul中有一个汽车画廊，当你将鼠标悬停在每个li (汽车)上时，下面会出现一个列表。我希望第一个li的列表在页面加载时默认显示。我已经找到了用javascript和css显示活动li的方法，但只有当我需要显示每个li中的跨度时，才会显示我对该li拥有的css。
示例：
HTML
<section id="brandSearch">
<h2>今日看点</h2>
<ul id="car-nav">
<li id="car-01"><a href=
浏览 1提问于2014-01-30得票数 0
1回答
如何在VBA中点击"li“的内文？rhef是动态的。我有3个页面，当表单加载时，页面默认是1，，我必须单击2个页面。我已经粘贴了下面的代码，当我一步一步地看到，行正在通过循环，并传递行"difHTMLA.Click“，但它既没有抛出错误，也没有重新加载页面。请帮帮忙
Set difHTMLAs = doc.getElementsByTagName("li")
For Each difHTMLA In difHTMLAs
If difHTMLA.getAttribute("classname") = "swfPagi
浏览 0提问于2019-07-18得票数 1
我正在尝试将列表项添加到jquery mobile中的无序列表中，但格式似乎没有正确创建。
<ul data-role="listview" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">
Title Divider
</li>
<li&
浏览 0提问于2011-05-08得票数 40
回答已采纳
我已经创建了一个具有一些虚拟属性的数组对象，我还动态地创建了一些我想要附加一个click处理程序的列表项。单击列表项时，我希望使用Ive设置的模板在#container中显示相应的数据。我假设我可以使用动态列表项的for循环中的索引，以及如何使用它来显示正确的对象属性？如果你能告诉我我哪里错了，那就太好了，对不起，我有点迷失方向了。
$(document).ready(function () {
var data = [
{
name: 'kyle',
age: 23,
sex: 'male'
浏览 0提问于2012-03-13得票数 0
回答已采纳
我有一个类似于这样的列表结构(请注意两个带有.browser类的列表，其中一个使用了data-click="yes")
<ul class="browser" data-click="yes">
<li><a href="#">Group 1</a>
<ul>
<li><a href="#">Item_1</a></li>
<li><a href=&#
浏览 4提问于2014-07-16得票数 1
回答已采纳
3回答
下面列出了标题导航，添加到li中的类创建了一个图标。
在向下滚动时，我希望能够完全删除类，当回滚回页面的顶部时，我希望能够判断哪个类属于哪个项，并添加相同的类返回。
我想我可能需要将它们存储到变量中。记住，这些菜单项是动态的，如果被删除，可以更改。
<ul id="menu-left-main-nav" class="main-left-nav nav-bar hide-for-small">
<li id="menu-item-37" class="customicon-shop"><a
浏览 6提问于2013-09-10得票数 0
回答已采纳
3回答
我有一个动态生成的列表，可能有大约5个级别。当我将鼠标悬停在列出的项目上时，我希望列出的项目文本加下划线，而不是父项li。
请参见示例。
您可以看到，当您将鼠标悬停在"this“上时，上面的父项li也会加下划线。
有什么想法吗？
干杯
浏览 0提问于2011-08-25得票数 5
回答已采纳
通过引导，我创建了一个两级的Navbar，我希望上面那个深蓝色的部分在滚动时保持固定，但是当我给出.Navbar-默认的.Navbar-折叠一个位置:修复后，中间的部分会被切掉。知道为什么会发生这种事吗?我怎样才能解决它？
这是我的密码：
<header id="header">
<nav class="navbar navbar-default hidden-sm hidden-xs" role="navigation">
<div class="navbar-collapse na
浏览 3提问于2016-06-26得票数 0
回答已采纳
3回答
<li class="menu-229 menuparent menu-path-front even">
<a title="About" href="/tca/">about</a>
<ul style="display: none; visibility: hidden;">
</li>
上面是一个如何设置我的动态生成的下拉菜单的示例。
ul是带有链接的下拉菜单，但是我想禁止单击About a标签。我不希望下拉菜单的父母是一个链接。
我试过了：
$('
浏览 2提问于2011-05-10得票数 0
回答已采纳
我有一个链接列表，并且我创建了一个禁用链接的函数。我已经尝试了'return false‘和preventDefault()，但它也阻止了在后端运行Flask操作，所以我使用了replaceChild()。有没有人可以帮我修改一下这个功能，只要有人点击，整个菜单就会被禁用？
<body>
<ul id="list">
<li><a href="/home" title="Go Home"><image src="{{url_for('static'
浏览 0提问于2021-05-29得票数 0
<div class="box">
<ul class="test">
<li><a href="#">test1</a></li>
<a class="add">test2</a>
</ul>
</div>
上面的HTML内容是动态的。我想在JQUERY的test2锚链接中添加li标记。
我试过了-
$('.box .test li:first-child').afte
浏览 2提问于2016-09-26得票数 0
回答已采纳
1回答
我想使用引导带的可切换标签()的褪色效果。当我创建一个静态HTML文件时，它工作得很好。
但是，当通过jQuery动态添加选项卡时，fade类将从各自的DOM节点中删除，在选项卡之间切换时，选项卡窗格不再褪色。我可以使用浏览器的开发工具(Chrome中的“元素”)将fade类重新添加到选项卡窗格中，以使其再次按预期工作。因此，我真的不清楚为什么要删除fade类。:(
在插入选项卡窗格时，为了避免删除fade类，我必须做什么？
下面的小提琴演示了这个问题：
我在小提琴中使用的代码是
<div id="tabs">
<ul class="nav n
浏览 3提问于2014-03-01得票数 1
回答已采纳
嘿，伙计们，我在做画廊的工作。现在我在块网格上设置了缩略图，我在第一个列表项上添加了一个覆盖div，问题是我不能动态地设置它，我的意思是100 %的宽度和高度，因为图库是响应的，所以我想要的是覆盖应该固定在缩略图上。
我无法设置小提琴，所以我上传了一个活生生的例子。你可以看到覆盖延伸拇指。请提出一个解决方案
谢谢。我需要覆盖在每个拇指上。
这是我的新代码
<style>
.thumbsList li {
position: relative;
}
.overlay
{
position: absolute;
z
浏览 2提问于2014-03-17得票数 0
回答已采纳
2回答
如何防止元素继承父元素的维度？示例HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Problem</title>
<
浏览 1提问于2010-11-23得票数 2
回答已采纳
我不想使用jquery或javascript在猫列表上方悬停为<li class="cat show">时动态地更改noConflict，我也使用joomla，以便将noConflict函数考虑在内
<ul>
<li class="cat"> <a class="rt" href="" aria-haspopup="true">Motors</a>
<div class="sub" role="menu"
浏览 1提问于2013-08-16得票数 0
回答已采纳
1回答
我需要动态地将LI元素添加到"n“长度的UL元素中。我现在的HTML是..。
<div class="center">
<ul id="tabList" class="parent">
<!-- I am adding LI using jQuery here. -->
<br class="clearfix" />
</ul>
</div>
这里应用的CSS是..。
.center
{
top:
浏览 3提问于2011-11-23得票数 0
在selenium中，我需要在两段相同的xml (服装)之间选择一个不同的动态xpath。我需要为单击按钮本身的第二个值创建动态xpath。我已经尝试过：//a[@title = 'Dresses'][@class = 'sf-with-ul']，它同时选择图像和按钮。 代码如下： <li class="sfHoverForce" xpath="1">
<a href="http://automationpractice.com/index.php?id_category=8&c
浏览 21提问于2019-10-08得票数 0
回答已采纳
2回答
for(var i=0; i< vendors.length;i++)
{
var $ul = $("<ul>").attr("data-role", "listview")
.attr("data-divider-theme","a")
.attr("data-inset","true")
.appendTo("#vendorLists"
浏览 1提问于2013-02-20得票数 1
1回答
我使用Ajax和json和jQuery mobile动态地创建了列表视图，除了1种条件外，一切都很好。我必须冻结列表视图中的第一个Li标签，以显示为标题。我试过数据定位=“固定”，但它不适用于Li tag。还有其他方法来冻结第一名的名单吗？？
示例
这是我的密码。
function popupFunc(data, status) {
var no = JSON.parse(data.d);
// creating html string
var PoplistCode = '<ul data-
浏览 0提问于2013-08-12得票数 1
回答已采纳
4回答
我正在建立一个网站，但遇到了一个小问题。我已经用html创建了一个嵌套列表，但我想在选项之间看到一些空格。
<ul>
<li>Mini onderhoud
<ul>
<li>Computer stofvrij maken.</li>
</ul>
</li>
<
浏览 0提问于2010-07-22得票数 1
我已经创建了一个简单的模式对话框窗口。在窗口中，我创建了两个选项卡。在选项卡中，我放置了一个动态树。当点击时，动态树的大小会增加。当发生这种情况时，我会在模式对话框窗口的一侧看到一个滚动条。
问题是当我向下滚动时，对话框中的标签标题消失了。有没有办法确保标签的标题是固定的？换句话说，不是让对话栏可滚动，而是标签可以有滚动条吗？
我对css和javascript很陌生。这些选项卡将显示在此模式对话框中。从那时起，当树而不是选项卡被展开时，对话框变得可滚动。
<div id="dialog" title="File Browser">
<d
浏览 0提问于2012-01-26得票数 0
回答已采纳
3回答
我想我错过了一些小的概念，但已经做了足够的谷歌找到，但没有用。因此，在这个论坛上张贴寻求一些帮助。
我使用以下代码动态生成导航选项卡：
<div class="tabbable">
<ul class="nav nav-tabs" id="testing">
<li ng-repeat="storageOption in gridOptions[$index].ownedJay" class=""><a href="#c{{storageOption
浏览 4提问于2015-09-03得票数 1
回答已采纳
您能帮我从'li类‘中通过jQuery动态地调用attrib值吗？
我的HTML如下，
<ul class="blockNoBordr">
<li class="specHeading">Model</li>
<li class="specText" itemprop="model">
<span class="attribVal newattribVal">32LJ573D</span>
</li>
&
浏览 0提问于2018-03-28得票数 0
回答已采纳
4回答
我有一个多级菜单，如下所示：
<ul>
<li>item 1
<ul>
<li>item 1.1</li>
<li>item 1.2</li>
</ul>
</li>
<li>item 2</li>
<li>item 3
<ul>
<li>item 3.1</li>
<li>item 3.2</li>
浏览 0提问于2010-01-06得票数 3
回答已采纳
1回答
这是我第一次尝试使用引导。我只是想让一个基本的菜单栏正常工作。从我看来，一切都很好，但看上去不太好。我试着用一个新的下载来切换css，但仍然没有修复任何东西。
这是HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="v
浏览 3提问于2014-09-02得票数 0
回答已采纳
我有一份菜单，上面有几个类别：
<div class="col p-0 m-0">
<ul class="Categories__Menu">
@foreach($categories->take(6) as $category)
<li class="active">
<a href="#" name="category" id="{{$category->id}}"
浏览 1提问于2018-05-26得票数 0
回答已采纳
我一直在尝试动态创建从XML到JQuery移动页面的无序列表。我可以让项目显示在页面上，但样式永远不会出现，因为它should..with正常的蓝色链接纯文本，仅此而已。有没有其他方法来设计列表的样式？
<ul id="events-holder" data-role="listview" data-inset="true" data-theme="c">
$(document).ready(function(){
$.ajax({
type: "GET",
u
浏览 1提问于2012-12-12得票数 0
回答已采纳
1回答
我需要在导航栏内为导航按钮使用图像。现在，我把它设置为一个颜色，当它盘旋时，它会改变颜色。
但是，我需要的不是颜色，而是图像。我已经将按钮图像调整到了精确的高度和宽度，因为我已经在css中设置了它。
对于每一个ul:关于我，照片编辑，视频编辑，写作，我必须有一个按钮。我有这张照片，它的宽度和高度都是正确的。
以下是我的HTML代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CHANGE ME!</title>
<link
浏览 1提问于2016-03-24得票数 0
有没有一种方法可以基于某个类名添加一些html并将其注入到特定的位置。下面的代码显示了我正在尝试做的事情，但这显然是硬编码的，我想使用jQuery动态完成它。
<ul class="status clrfix">
<li class="green"><a href="">Completed</a><span class="arrow"></span></li>
<li class="green"><a href=&
浏览 0提问于2012-03-07得票数 2
回答已采纳
这是我正在使用的代码。我已经摆弄它好几个小时了。下面是我正在使用的CSS
<ul class="slider">
<li style="display: block;">
<a href="#" style="clear:both;>
<div class="slider_blog" style="width: 680px; height: 300px; display: block; clear: both; float: left;"&
浏览 1提问于2013-01-12得票数 0
1回答
我正在温习我的html基础知识，我正在使用一个模板来练习，这是我关于显示(使用jquery)菜单的问题：
<ul>
<li class="home-link"><a href="http://example.com">Home</a></li>
<li><a href="http://example.com/alpha.html">Alpha</a></li>
<li>&l
浏览 0提问于2016-05-10得票数 0
我无法将jQuery事件绑定到动态创建的列表项。
这是jQuery添加了begin后，btnRemoveItem上的事件不会触发。
$('#btnAddStore').on('click', function(){
(...)
$.ajax({
success: (function(result) {
(...)
var li = jQuery('<li/>', {
'id': object['id']
}).append(&
浏览 2提问于2013-04-17得票数 1
回答已采纳
我对css比较陌生。我有ul和一些li元素，每个li元素都包含SVG和p element.when，li被选中了，我想将样式添加到这些li和SVG,p元素中。
<ul>
<li>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="22" height="22" viewBox="0 0
浏览 0提问于2019-07-24得票数 0
回答已采纳
我有一个菜单，我希望能够将鼠标悬停在Policies下的菜单项上，并使用JQuery显示工具提示。我的想法是只对策略使用选择器static.dynamic- would。从那里为包含策略1、策略2和策略3的li标记设置悬停操作，并显示工具提示(对于此示例，文本可以是任何内容)。这就是我被卡住的地方，我不知道如何继续。
要做到这一点，最佳的方法是什么？任何帮助都将不胜感激。
注意:菜单是由SharePoint动态生成的，因此所有属性。
下面是菜单的HTML：
<UL class="root static">
<LI class=static><A a
浏览 0提问于2013-05-02得票数 0
回答已采纳
我使用wkhtmltopdf toc特性来生成动态摘要。是否有一种方法可以避免呈现h1、h2、h3、h4标签，以防在hn标记上附加"ignore"类？
例如，如果HTML中有：<h1 class="ignore">First Title</h1>，则不应将此标题添加到我的摘要中。
HTML：
<h1 class="ignore">First Title</h1>
<h1 >Second Title</h1>
结果：
Second Title -----------------
浏览 25提问于2022-03-11得票数 1
2回答
我对漂浮的图像有点困扰。
我有一个简单的页面，在这里我有一些文章的标题，perex和文章的图像，它都在一个容器中，在底部包含页脚。
我要图片在容器的左边，文本从右边漂浮在图像周围，从图像中填充几个px，它的页眉和页脚都应该在这整件东西下面，在容器中。
但是现在，当我试图在图像周围浮动这个文本时，它会做这样的事情。
以下是我的HTML：
index.html.twig
{% extends 'NatalyCooksBlogBundle::layout.html.twig' %}
{% block content %}
<articl
浏览 2提问于2014-10-23得票数 0
回答已采纳
2回答
动态css类属性？
、、、、
我有一个导航栏，其元素使用Struts2 iterator标记呈现，如下所示：
<ul>
<li><a href="#">Home</a></li>
<s:iterator var="row" value="#session.PrivMenu.children" status="stat">
<li>
<a href="#" rel="ddsubmenu<s:p
浏览 2提问于2014-04-30得票数 1
2回答
使用视图在Drupal6.x中创建两个动态无序列表的最佳方法是什么？我知道如何在视图中创建一个动态列表，但不知道两个。我也知道可以创建两个单独的块来创建这个输出，但我不知道如何使这些块具有动态。
图片库：
// Fullsize Images
<ul class="gallery-output">
<li><img src="example.png" /></li>
<li><img src="example-two.png" /></li>
&l
浏览 2提问于2010-07-27得票数 2
回答已采纳
标题显示从A到Z的字母。以下是我的html代码：
<div class="col-sm-9">
<ol class="breadcrumb">
<li *ngFor="let letter of letters"><a (click)="onLetter(letter)">{{letter}}</a></li>
</ol>
</div>
下面是我的组件代码：
onLetter(searchStr: string)
浏览 5提问于2017-01-22得票数 0
我有许多这样的无序列表，它们是通过for循环动态创建的。问题是我不能只针对这个ul中的元素，它已经改变了每个元素的active类。我很难理解什么是兄弟姐妹，什么是表亲等等。我尝试过最近的()，兄弟姐妹()，前一个()，查找()和它们的一些不同的组合，但似乎无法解决。
这是HTML
<ul>
<li><a href="#" class="button active">Option 1</a></li>
<li><a href="#" class="
浏览 0提问于2013-03-21得票数 1
回答已采纳
2回答
我有一个这样的DOM；
<li></li>
<li class="this"></li>
<li class="this"></li>
<li></li>
<li></li>
<li class="this"></li>
<li class="this"></li>
<li class="this"></li>
<li&
浏览 2提问于2011-10-21得票数 3
回答已采纳
我是iOS开发的新手。我想根据条件动态地创建UITextFields。条件是，如果我开始在第一个UITextField上输入，它将在底部再创建一个UITextField，并在第二个UITextField上开始键入时创建第三个UITextField。同样，如果上面的UITextField中没有文本，我希望删除底部的文本。任何帮助都将不胜感激..。
浏览 3提问于2013-09-26得票数 0
回答已采纳
我正在尝试动态创建一个无序列表，然后将其转换为jQuery UI标签...
我想我在语法上有问题，我设法创建了列表并将其转换为小部件，但这些选项卡看起来不正确，它们有小部件的轮廓，但内容没有实际的选项卡，所以我猜它只是“某种程度上的工作”
$("#doc3").append("<ul>");
$("#doc3").append("<li><a href='#thisGame'>asass<a></li>");
$("#doc3").app
浏览 1提问于2010-07-08得票数 0
我的目标是在点击页面链接时将页面滚动到右边或左侧，这样内容就可以顺利地滑到屏幕上。
下面是html使其工作的样子：
<li><a href="#" onclick="selectPage(1); return false;" class="page-item c"><span class="current-page page-hover">Home</span></a></li>
<li><a href="#" onclick
浏览 0提问于2013-06-21得票数 1
3回答
如何禁用引导选项卡
、、、
我有这个导航标签
<ul class="nav nav-tabs" id="pointerTabs">
<li class="active aa"><a data-toggle="tab" href="#aa">01 Personal</a></li>
<li class="bb" ><a data-toggle="tab" href="#bb">02 Educatio
浏览 0提问于2017-12-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
