Javascript ES6获取最后一个li项中的锚标记。
在JavaScript中，可以使用以下方法来获取最后一个li项中的锚标记：
- 首先，获取所有的li元素。可以使用querySelectorAll方法来选择所有的li元素，并将其存储在一个变量中，例如：const liElements = document.querySelectorAll('li');
- 接下来，获取最后一个li元素。可以使用数组的索引来获取最后一个元素，数组的索引从0开始计数，所以最后一个元素的索引是数组长度减1。可以使用数组的length属性来获取liElements数组的长度，并将其减1作为索引来获取最后一个li元素，例如：const lastLiElement = liElements[liElements.length - 1];
- 最后，获取最后一个li元素中的锚标记。可以使用querySelector方法来选择最后一个li元素中的锚标记，并将其存储在一个变量中，例如：const anchorTag = lastLiElement.querySelector('a');
完成以上步骤后，变量anchorTag将包含最后一个li元素中的锚标记。你可以根据需要进一步操作或访问该锚标记的属性。
请注意，以上代码是使用原生JavaScript来实现的，没有涉及任何特定的云计算品牌商的产品。
相关·内容
cms正在生成此格式的内容。
<ul id="slide_nav" class="tabs">
<a name="ctn2363_2465" id="ctn2363_2465" class="hidden"></a><li id="button_1"><a class="ohlord" href="javascript: void(0);" id="b1">Bookbag</a>&
浏览 1提问于2010-05-18得票数 2
回答已采纳
我有一个HTML：
<div id="tags">
<ul>
<li><input type="text" /><a href="#">First Link</a> <a href="#">Second Link</a></li>
<li><input type="text" /><a href="#">First L
浏览 3提问于2011-01-19得票数 4
回答已采纳
我试图在有序列表中遍历li元素的集合，然后从每个元素中打印URL。
HTML：
<div id="global-atoz-navigation">
<nav role="navigation" aria-label="Suppliers">
<ol>
<li class="selected">
<span class="visuallyhidden">Suppliers starting with
浏览 0提问于2018-03-06得票数 0
回答已采纳
我在WordPress后端有一个菜单，如下所示：
What we do
Solutions
Solution 1
Solution 2
Services
Service 1
Contact
Items What we do和Contact是顶级链接，我只希望这些1级链接显示在主header中。
因此，我创建了一个定制的walker来实现这一点：
<?php
class simple_header extends Walker_Nav_Menu{
/*
* start_lvl : Responsible for start of a
浏览 5提问于2022-09-12得票数 0
回答已采纳
1回答
我为我们的内部用户提供了一个简单的内部网页面，它只是一个顶部的导航栏，它打开了iFrame中的每个页面。
我有一个次要的导航栏，我们的内部IT与第二组网站访问一个安全的‘管理’链接在菜单上。我希望'Admin‘链接在极右，而其他链接堆叠在左侧作为正常。
下面是结果。它在火狐和IE中运行得很好，左边的选项与极右的'Admin‘链接叠加在一起，但在Chrome中，它只是忽略了浮点:右，最后与其他选项一起堆放在左边！
我的HTML技巧是非常基本的，我不知道为什么.
<style>
html, body
{
width: 100%;
margin:0;
浏览 3提问于2013-06-19得票数 1
回答已采纳
我有一个下拉用户菜单，其中包含我无法正确重定向的子链接。不幸的是，我没有编写前端代码，所以我只想让它链接到动态PHP。顺便说一句，我也在CodeIgniter框架中工作。在用户进程中有两次单击(类似于Google的用户图标)。1.单击用户图像并下拉箭头，2。您将看到配置文件、设置、注销。
使用以下脚本，单击下拉箭头将重定向到第一个链接profile，甚至不需要执行下拉动画。有什么想法吗？
下面是PHP文件：
<div class="user css3">
<a href="" class="css3"> <img
浏览 1提问于2012-05-11得票数 1
回答已采纳
2回答
我有这样的HTML
<ul class="menu">
<li>
<a href="#1"></a>
</li>
<div></div>
<li>
<a href="#2"></a>
</li>
<div></div>
<li>
<a href="#3"&g
浏览 3提问于2015-06-12得票数 0
回答已采纳
我正在尝试使用javascript对页面中的6个锚点进行一些操作。但是，循环没有执行，因为anchors.length返回1。以下是我的代码片段：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
function load()
{
alert(document.anchors.length);
for (i = 0; i <= document.anchors.length;
浏览 1提问于2012-06-08得票数 3
回答已采纳
1回答
我想在每个ul元素中的两个列表项之间插入一个链接。目前，我的代码只在最后一个ul元素中插入链接。
<html>
<div class="list">
<ul>
<li>what</li>
<li>now</li>
</ul>
</div>
<div class="list">
<ul>
<li>what</li>
<li>now&l
浏览 1提问于2016-09-27得票数 0
回答已采纳
1回答
您好，合规性专家！
我的任务是让我们的web-app符合第508节和wcag 2.0指南。对于大多数事情来说，这并不是很棘手，但我遇到了一些障碍。
我在应用程序中经常使用qtip，它往往是最兼容的b/c，它使用wai-aria角色和described by属性。但是，我添加工具提示的方式使得它们在第一次鼠标悬停之前不会显示在文本上。这显然不会发生在键盘导航上，我也不确定屏幕阅读器将如何处理它！
我在这里做了一个手脚：，它演示了我所说的内容。工具提示是最终用户可以在其他地方设置的html，它们列出的项目可能有也可能没有工具提示。
我在考虑让工具提示被应用并显示在:焦点(和在焦点丢失时隐藏)，但是
浏览 0提问于2011-09-17得票数 3
回答已采纳
2回答
我是javascript的初学者。我有一份清单：
<p class="lead">parent item1</p>
<ul class="list bot-2">
<li><a href="#">child item 1</a>
</li>
<li><a href="#">child item 2</a>
</li>
<li><a href=&
浏览 2提问于2014-02-08得票数 1
回答已采纳
我在用javascript做函数时遇到了麻烦，比如她把表单数据列在下面，我就是这样做的 <pre>
> function changeText2 () {
> var assembly = ['staff', 'description']
> var node = document.createElement ("LI");
> var textnode = document.createTextNode (assembly);
> no
浏览 23提问于2019-10-03得票数 0
回答已采纳
3回答
这是我的html：
(注意:为了简单起见，我没有在a上使用背景图像来向某人展示这是如何工作的)
<div class="foo">
<ul>
<li><a href="#" class="bar"><img src="bar.gif" /></a></li>
<li><a href="#" class="baz"><img src="baz
浏览 0提问于2009-11-26得票数 0
回答已采纳
我正在尝试获取父li的索引，并将其指定为锚标记中href的一部分。现在，我得到的只是我所有锚点的标签“#href=-1”，而不是#tab-1，#tab-2等等。下面是我的代码：
<script type="text/javascript">
$(function(){
$('.jqueryTabs ul li a').attr("href", "#tab" + $(this).parent().index());
});
</script>
<div class="jqueryTabs
浏览 0提问于2012-02-28得票数 1
回答已采纳
8回答
我试图链接到我的页面的HTML中的元素，但它不工作，我不确定为什么。
以下是初始链接：
<ul>
<a href="#"><li>About Me</li></a>
<a href="#"><li>Past</li></a>
<a href="#Work"><li>Work</li></a>
<a href="htt
浏览 2提问于2013-06-27得票数 16
3回答
我在我的列表中使用了不同的锚标签，但由于附加到该列表的JavaScript文件，它不起作用。当我删除该JavaScript文件时，它可以工作，但我还必须包括我的JavaScript。有没有办法使用相同的JavaScript文件与锚标签一起工作？
function prepareList() {
$('#expList').find('li:has(ul)')
.click(function (event) {
if (this == event.target) {
$(this).toggl
浏览 1提问于2015-03-16得票数 1
2回答
使用这段代码，我需要删除生成的新元素。它不起作用。firebug中没有出现JS错误。
$('.popular-list li a').live("click",function() //this will apply to all anchor tags
{
var stuff = $(this).text();
var hasDuplicate = false;
$('#favoritesdrinks li&#
浏览 1提问于2009-08-06得票数 0
回答已采纳
我有这样的清单：
<ul id="band-list">
<li data-band-id = '3' data-order = '1'>Text</li>
<li data-band-id = '4' data-order = '2'>Text</li>
<li data-band-id = '1' data-order = '3'>Text</li>
<li data-band-id
浏览 0提问于2016-03-04得票数 1
回答已采纳
5回答
我一直在为我的本地童子军组制作一个网站，我在创建菜单时遇到了问题，原因是我无法确定css不适用于前两个元素，而是应用到最后两个元素。有人能帮忙吗？我想是因为悬停下降，但正如我说的，我不确定。
谢谢,
罗山
看看JSFiddle：
下面是HTML：
<div class="fluid menu" align="right">
<ul>
<li>
<a href="index.php">Home</a>
浏览 10提问于2015-03-29得票数 0
回答已采纳
1回答
弹出窗口中有动态URL的问题。这里我的代码：
<!-- content -->
<ul data-role="listview">
<li data-role="list-divider">Group 1</li>
<li data-icon="false"><a href="person.php?id=1#popup-menu" data-rel="popup" data-transition="slideup
浏览 1提问于2013-03-01得票数 1
回答已采纳
3回答
我有以下代码：
<ul class="list" >
<li>
<a href="#"></a>
</li>
</ul>
Javascript
$('<li />', {html: "testing loop"}).appendTo('ul.list a');
$('<li />', {html: "testing loop"}).appendTo('
浏览 5提问于2017-08-22得票数 2
回答已采纳
我目前正在做一个单页面设计的项目，它会在<a href>链接的各个部分之间上下滑动……
目前，我把它写成：
<ul>
<li><a href="javascript:void(0)" onClick="goToByScroll('top')">home</a></li>
<li><a href="javascript:void(0)" onClick="goToByScroll('artistsmaterial
浏览 1提问于2010-03-14得票数 0
回答已采纳
4回答
简化的HTML：
<ul>
<li class="no-link"><a>Should not be clickable</a>
<ul>
<li><a>Should be clickable</a></li>
<li><a>Should be clickable</a></li>
</ul>
</li>
浏览 6提问于2016-08-11得票数 0
回答已采纳
通过Selenium IDE，我尝试使用带有部分id和元素标题的XPath在网页上单击表格中的按钮。我使用的XPath是：
xpath=//*[contains(@id, 'ctl00_btnAircraftMapCell')]//*[contains(@title, 'Select Seat')]
这就是我尝试点击的按钮示例的完整html代码：
<li id="ctl00_MainContent_repAircraftMap_ctl20_repAircraftMapRow_ctl00_liAircraftMapCell" cla
浏览 0提问于2013-04-10得票数 22
回答已采纳
#tabs-1 {
display: none;
}
#tabs-2 {
display: none;
}
#tabs-3 {
display: none;
}
<script type="text/javascript">
$(document).ready(function () {
$(this).click(function () {
var a = $(this).find("a").attr("href");
浏览 0提问于2012-01-10得票数 2
我有一个名为Flexy menu的响应菜单，它非常棒。但我遇到的问题是，当菜单在移动设备上加载时(并且没有鼠标)，我会遇到父链接上存在href的冲突，但这也会有一个打开子菜单的onClick事件。请看下面的示例，链接“experience-瑞典”也会打开“touring-瑞典”的下拉列表，但就在菜单打开时，href会将其重定向到另一个页面
<ul class="flexy-menu">
<li><a href="index" >Home</a><li>
<li><a hre
浏览 0提问于2015-03-18得票数 0
2回答
我有这样的密码
<ul class="dd-menu">
<li>
<a href="#"><span><img src="{{STATIC_URL}}img/away.png"></span>1</a>
</li>
<li>
<a href="#
浏览 1提问于2015-12-25得票数 0
回答已采纳
2回答
我的一个设计师发送了一些网页，其中他使用Html(div，Li) CSS制作下拉列表
<div class="frmcmpstn fl">
<a class="btn fl cll" href="#">Are you an Hwp/Family Office or an Institutional <img src="images/dd_arow_ico.png" /></a>
<ul class="si
浏览 0提问于2013-05-28得票数 0
回答已采纳
3回答
我们有无限的滚动页面，我们从MVC控制器服务器端获取html。
<li> ... </li>
<li> ... </li>
<li> ... </li>
<li> ... </li>
我们需要将下一页url发送回javascript客户端，以便如果用户滚动到底部，它可以向服务器发出请求以获取下一组列表。
我们有下一页的网址在服务器上。JS客户端需要点击这个URL来获取下一组清单。
我没有任何清晰的想法，我如何才能把这个下一页的网址从服务器发送到客户端。一种方法是将下一个页面url绑定到最后一个<
浏览 2提问于2017-07-27得票数 0
我有以下HTML页面：
<html>
<head>
<script type="text/javascript" src="JavaScript/Menu.js"></script>
</head>
<body>
<ul>
<li><a onclick="GetIndex(this)">One</a></li>
&
浏览 0提问于2010-10-27得票数 6
回答已采纳
1回答
我目前正在处理这个，我试图在lighbox弹出窗口中添加一个链接，但每当我这样做时，它都会弄乱页面上显示的图像。当图像弹出时，我希望它显示在这些文字(XHTML | Javascript | Jquery | Design | Logo)下面。任何想法。HTML如下所示：
<li><a href="images/huelarge.png" title="XHTML | Javascript | Jquery | Design | Logo<br />
<a href="services.php">Go t
浏览 0提问于2012-03-17得票数 0
回答已采纳
我正在做一个严重依赖:target psuedo-class的项目。
如果<a>标记有一个名称，并且该名称是#后面的文本，并且没有其他元素的id等于#后面的文本，那么a将接收:target。
这很让人困惑，所以这里有一个例子：
<style>
* {
color: black;
}
:target {
color: red;
}
</style>
<div id="wrapper">
<ul>
<li><a hre
浏览 0提问于2011-06-30得票数 1
回答已采纳
在我的HTML索引页面上，我使用了一个弹出javascript代码，其内容如下
<li> <font color ="#000"> » </font> <font color ="#ccc">
<a href="javascript: void(0)" onClick="newWindow('mypage.php','nwin','1200','850','resizable=no,scrollb
浏览 3提问于2013-12-18得票数 1
回答已采纳
我遇到了这样一种情况:我试图获取列表中的最后一个li项，然后获取最后一个li项中的锚标记，这样我就可以使用类名'buyButton‘更改a标记的href值和文本值。
我的列表如下所示：
<li class="item">
<a href="test.html" class="buyButton">Buy</a>
<a href="compare.html" class="compare">Compare</a>
</li>
<li
浏览 12提问于2018-08-04得票数 0
嘿，伙计们，我用的是:我的一个小插件中的最后一个选择器，只想问一个小问题：
给定以下标记：
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#sectionA">Section A</a>
</li>
<li><a href="#sectionB">Section B</a>
</li>
浏览 3提问于2015-05-04得票数 1
2回答
w3 html验证器会告诉我这是错误的：
<a href="http://www.bla.com>
<div>something</div>
<ul>
<li>first</li>
<li>second</li>
</ul>
</a>
为了得到HTML 4的验证(或者仅仅是为了正确地写东西)
有什么更好的方式来写它：
no‘s和ul's -只是跨出我需要设计的类：
<a href="http://ww
浏览 1提问于2012-02-02得票数 3
回答已采纳
更新1: JSFIDDLE
我创建了一个使用引导和滚动间谍的网站，以便在页面周围移动，并根据您正在阅读的部分进行导航条更改。该网站有2页。第一个是使用卷轴间谍的地方。第二个包含了其他一些重要的信息。
我的导航栏有4个链接，3个链接到samepage中的锚，而1是另一个页面的链接。代码：
<div id="scroll-spy-target" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
浏览 6提问于2015-02-04得票数 1
回答已采纳
我刚刚开始使用JQuery和Javascript，并调整了一组嵌套的checkbox输入，以利用jstree的checkbox行为。在意识到每个项目都必须是锚标签才能被jstree代码识别后，我现在不确定如何从项目中生成值以用于POST表单提交。以前它们是复选框输入，我希望能够保持这种方式，这样即使Javascript被关闭，表单仍然可以工作。在锚标签中包装输入会为每个项目产生两个复选框，一个由JStree控制样式和行为，另一个被忽略。我认为这不是前进的方向。
任何关于如何实现这一目标的建议都将受到感谢。
我正在使用以下配置代码启动JStree -
$(document).ready(func
浏览 3提问于2010-09-06得票数 0
回答已采纳
1回答
**每件事都表现得很完美，但如何突出活动的一面却不使用任何第三方组件，我希望有人能在这方面帮助我。
谢谢**
<ul class="tabs">
<li [ngClass]=" {'active-tab': tab==1 }"><a (click)=" tab = 1 " href="javascript:void(0)">Tab 1</a></li>
<li [ngClass]=" {'active-tab': tab==
浏览 3提问于2019-10-06得票数 1
回答已采纳
使用如下标记：
<ul>
<li><a href="#">Link 1</a></li>
<li>
<a href="#">Link 2</a>
<ul>
<li><a href="#" class="active">Link 2.1</a></li>
<li><a
浏览 1提问于2009-07-24得票数 0
回答已采纳
我试图通过使用锚点来绕过显示/隐藏javascript操作。我之所以想使用锚点，是因为我想给某人一个直接链接(ex:page.html#content)到一个特定的div，它将显示该div中的内容。
对于我们的网站，我们使用javascript来显示和隐藏内容，因为我们有许多不同的div要公开。现在，我尝试在浏览器上添加一个简单的锚点并输入链接，但由于javascript必须运行才能运行并隐藏内容，因此不起作用。
我知道显示/隐藏javascript操作实际上是显示和隐藏内容，所以这可能不起作用。有什么方法可以解决这个问题吗?你有什么建议吗？我很感谢你的建议。
谢谢
浏览 0提问于2013-06-14得票数 0
1回答
我最初构建的这个保持页面(www.michaelhigginson.com)没有任何JavaScript。我添加了一些JavaScript来动画我的锚标签的滚动。
我的问题是，当我按下任何特定的锚链接时，#anchor_name不再出现在地址栏中。我也希望能够发送一个链接，如www.michaelhigginson.com/#print，并加载页面，然后滚动到页面上的那个点。如果有人正在手动滚动，那么也许有一种方法可以在到达锚点时进行#anchor_name更改。
我希望这是合理的。8天前，我才开始学习HTML、CSS和JavaScript，所以我对JavaScript的理解仍然相当基础。
以
浏览 3提问于2013-05-27得票数 0
回答已采纳
我正在温习YouTube上的Responsive Grid CSS。跟随讲师的课程。我在格式化我的朴素网格时遇到了麻烦。我已经包含了html和css代码，以及他的导航结果与我的结果的图片。任何帮助都将不胜感激。 我正在尝试将导航栏放在一个4列网格中。我在试着看看我错过了什么。 讲师结果： ? 我的结果： ? /* CSS Variables */
:root {
--primary: #ddd;
--dark: #333;
--light: #fff;
--shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
}
h
浏览 13提问于2019-09-18得票数 3
1回答
我有一个目录的XML。我正在为XML中的每个锚点从列表中生成命名的.xhtml页面。
TOC的结构包括各章，其中还列出了这些章节中的分节。我试图使用上一章锚的@href值动态地命名这些分段锚。
示例XML：
<div class="toc" id="s9781483331812.i34"><a class="page" id="pbr-v" title="v"/>
<p class="toc-title">Contents</p>
<ul cla
浏览 0提问于2013-12-10得票数 1
回答已采纳
我想我忽略了一些东西，这是漫长的一天，但为什么这不起作用呢？在"li a:active，li a:focus“中找到的样式在Firefox和IE中持续存在，但在webkit中不存在。webkit只支持表单元素上的:focus伪类吗？
#footer ul li a {
color: #fff;
display: block;
font-size: 95%;
padding: 15px 15px 10px;
text-decoration: none;
}
#footer ul li a:hover {
color: #f00;
}
浏览 6提问于2010-07-03得票数 2
假设我有一个无序列表，如下所示：
<ul id="birds">
<li>Bald Eagle</li>
<li>Falcon</li>
<li>Condor</li>
<li>Albatross</li>
<li>Parrot</li>
</ul>
使用普通的JavaScript (不包括jQuery)，我希望能够颠倒这个列表的顺序-这样它就可以匹配以下预期的“输出”：
<ul id="birds&#
浏览 3提问于2012-09-22得票数 3
回答已采纳
3回答
我刚刚开始了解css (和html)在internet explorer和firefox中呈现的不同之处。
火狐Displays...............................IE显示
我的html代码
<div id="navmenu">
<ul id="menu">
<li><a href="welcome.html" target="content">Home</a></li>
<li><a h
浏览 0提问于2010-02-09得票数 2
回答已采纳
我制作了一个基本的移动导航下拉菜单，它使用嵌套标记打开导航的第二个(和第三个)级别。但是，因为元素嵌套在锚标记中，所以它们也会触发默认的锚事件。在单击所述锚的子元素时，是否有任何方法来防止锚默认事件？
<ul class="main-menu">
<li>
<a href="some-link.html">Some Link
<span class="target"></span>
</a>
&
浏览 4提问于2017-04-10得票数 1
回答已采纳
1回答
我有一个问题，链接我的下拉菜单与标签。我希望在Bootstrap 3中使用选项卡并通过下拉菜单或选项卡导航选择内容时，除了内容(类称为"active")之外，相关选项卡还可以切换为"active“。
这是控制选项卡的boostrap.js。
Tab.prototype.show = function () {
var $this = this.element
var $ul = $this.closest('ul:not(.dropdown-menu)')
var selector = $this.attr(&
浏览 4提问于2013-08-22得票数 2
我正在尝试使用下拉菜单中的选定值，但我不知道如何获取它。
附加代码：
Cost Value: <input type="text" name="cost">
<ul id="menu">
<li><a href="#">Category</a>
<ul>
<li><a href="#">Food</a></li>
<li>
浏览 1提问于2014-04-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
