点击li标签中的a href内容，获取相应的li标签，删除/编辑该li的内容

最新推荐文章于 2023-04-04 10:10:34 发布
最新推荐文章于 2023-04-04 10:10:34 发布
阅读量4.2k 收藏 1
点赞数
分类专栏： js应用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011781769/article/details/38496469
版权
这篇博客探讨了如何使用JavaScript实现点击HTML中li元素内的a href时，获取对应的li并执行删除或编辑操作。示例代码展示了一个确认删除的函数ConfirmDel()，当用户点击删除按钮时，会弹出确认对话框。通过点击事件，获取选中li的索引，并读取相应label的值。
摘要由CSDN通过智能技术生成

（html页面）

 <ul class="navigation" id="navigation">
     <li class="t1">
          <a href="#" ><label  class="shoucangId" id="shoucangId" style="display:none;">123</label><h3>aaa</h3></a>

          <a class="delete" href="javascript:void(0)" οnclick="ConfirmDel();">

             <img alt="删除" src="http://127.0.0.1/phpcms/statics/images/favorite/delete.jpg"/></a>
       </li>
</ul>


&#

最低0.47元/天 解锁文章
听海Movie
关注
专栏目录
爬取li标签下的＜a＞ 的 href
zhaoyangjian724的专栏
11-30 4556
# !/usr/bin/env python # -*- coding: utf-8 -*- from lxml import etree # 获取文件元素 from lxml import etree # 获取文件元素 htmlEmt = etree.parse('test02.html') # 获取所有的 &lt;li&gt; 标签 result = htmlEmt.xpath('//a...
python 获取li的内容_Python爬虫神器Xpath的使用
weixin_39756235的博客
11-20 2150
在用 Python 实现爬虫时，可以使用 requests 库访问资源，然后用正则表达式提取信息。但是，这里会有一些繁琐，因为正则表达式的书写是比较严格的，万一有一个地方写错了，可能会导致匹配失败无法提取需要的信息。对于网页的节点来说，可以定义 id、class 或其他属性。节点之间有层次关系，在网页中，其实可以通过 Xpath 定位一个或多个节点。那么相应的，在页面解析的时候，利用 Xpath ...
ul点击哪个li节点就删除哪个li节点
xu_xu_0924的博客
07-14 384
$(‘#按钮的id’).on('click',function(){ var li=document.querySelectorAll('.li') for(var a=0;a<li.length;a++){ li[a].onclick=function(){ this.parentNode.removeChild(this) }} })
html中li元素可以用href吗,我可以在li b上使用Href吗？
weixin_42356378的博客
06-25 915
我的第一个问题是，链接不会对李斌这是一件不可能的工作吗？我想将导航按钮向下移动以与徽标对齐。 另外，我想更改每navbutton标志IMG(见图片) ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;}li {float: left;}li a {display: block;padding: 0px 0px...
js-li标签隐藏
唐昊
03-11 2451
父节点（parentNode） <!doctype html> <html> <head> <meta charset="utf-8"> <script> var x = document.getElementsByTagName('a'); window.onload=function(){ for(var i=0;i&l...
通过js隐藏第二个li标签
yumon321的博客
08-10 885
代码】js点击按钮隐藏第二个li标签。
css设置li隐藏,css怎么隐藏li
weixin_31154627的博客
08-04 3454
css隐藏li的方法：首先新建一个html文件；然后使用ul标签和li标签创建一个项目列表；接着创建一个类名为yc的样式；最后在yc样式内，将display属性设置为none即可隐藏li标签。本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。新建一个html文件，命名为test.html，用于讲解css中怎样隐藏li标签。在test.html文件中，...
python 获取li的内容_Python 爬虫解析库的使用
weixin_39657125的博客
11-21 2275
解析库的使用(1)解析库的使用--Beautiful Soup:BeautifulSoup是Python的一个HTML或XML解析库，最主要的功能就是从网页爬取我们需要的数据。BeautifulSoup将html解析为对象进行处理，全部页面转变为字典或者数组，相对于正则表达式的方式，可以大大简化处理过程。Beautiful Soup3 目前已经停止开发,我们推荐在现在的项目中使用Bea...
ajax动态为a标签href赋值不执行跳转的原因分析及解决
12-10
就会跳转到相应页面： 点击“调查问卷”即进入调查问卷页面： 我使用a 标签，每次访问管理员提交的“调查问卷” 代码如下: <li><a>调查问卷</a></li> 点击“调查问卷”，调用meizz函数，该函数通过ajax调用返回要...
excel取消隐藏_5大Excel隐藏技巧
weixin_39763902的博客
10-19 840
Excel表格中的内容太多，但却都是有用的内容，不能删除，想要隐藏部分，怎么办？今天给小伙伴们整理了5大Excel隐藏技巧，看看能不能帮助到你。1、隐藏单元格内容选中要隐藏内容的单元格，按快捷键【Ctrl+1】，调出单元格格式，在【数字】一栏选择【自定义】。在【类型】下面的输入栏中输入三个分号【；；；】，然后点击【确定】，就可以达到隐藏的效果。2、隐藏公式【Ctrl+1】调出单元格格式设置窗口，切...
有多个li标签，每点击一个li标签改变被点击li标签的背景，并且获取改li标签中的数据
kiko.c的博客
06-11 2985
由于在做如下页面的布局时，采用了多个li标签来展现，需要达到的效果是： 1、每点击一个选项卡，该选项卡的背景颜色改变，再点击一次就变回本来的颜色 2、支持多选，并且把选中的选项卡数据存入数组 主要用到的方法就是，取到所有的li标签进行循环添加点击事件，给当前点击的li标签添加一个className，给该className设置背景样式，但是由于本来的li标签有多个className，需要取...
watir元素定位—li和href
莫负青春取自惭
02-18 1063
刚学会这2个 1.针对下面这个html语言 文本这样的代码,可以有文本属性方法来控制，如下： browser.link(:text =>"文本").click 2.针对下面这个html语言，还有其他 browser.li(:id => "menu_1").click     #点击考勤信息按钮，进入到考勤列表 browser.link(:text =>"考勤信息").click
.li标签中的超链接无法跳转
见贤思齐
07-13 3430
项目中遇到的问题及解决方案1.li标签中的超链接无法跳转 1.li标签中的超链接无法跳转 jquery实现单机li标签时，执行跳转，li标签下面的a标签路径 思路： 这是一个触发事件，li标签被单击时，触发click方法，方法会获取到a标签的路径，进行页面跳转。 沿着这个思路去完成。 <ul> <li>点击这里也可以<a href="http://bird.s...
网页导航栏中常用li标签嵌套超链接用法
热门推荐
HCJS_Zee的博客
10-20 1万+
在网页中导航，菜单等部分的设计，需要使用到列表ul，其中的列表项li一般会嵌套a标签，超链接到指定url。在li标签嵌套a链接时，a链接中通常包含文字。 为了使文字居中，而且当点击li标签时，整个区域都可以响应到a链接，操作不是特别清晰，做了如下总结： 'index.html'>首页" 'staff.html'>员工风采 ''>部门精粹 ''>深入仓库 ''>我要登
js中获取当前点击的li标签以及li标签中a标签的id
LeungChunwai的博客
04-04 2678
这个代码会遍历所有的li标签中的a标签，对每个a标签绑定一个click事件，并在点击时输出该a标签的id。注意，这里使用了this关键字来表示当前点击的a标签，并且使用e.preventDefault()来阻止a标签的默认跳转行为。这个代码会遍历所有的li标签，对每个li标签绑定一个click事件，并在点击时输出该li标签的id。注意，这里使用了this关键字来表示当前点击的li标签。
jquery 找到指定ul下指定li的a标签
深漂小码哥
04-23 2388
$("div#div的id").children("ul:eq(0)").children("li:eq(0)").find("a");
关于HTML的超链接
qq_43542346的博客
09-03 1485
一、HTML的超链接 1.基本语法 <a href="" target="打开方式" name="页面锚点名称">链接文字或者图片</a> 2.href属性 链接的地址可以是一个网页，也可以是一个视频或者图片、音乐etc。 3.target属性 作用：定义超链接的打开方式 属性值： （1）blank:在一个新的窗口中打开链接； （2）._seif（默认值）：在当前窗口中打开链接 （3）._parent：在父窗口中打开页面（这个一般在框架中使用的比较多） （4）.
匹配<li></li>中<a href></a>标签文本中内容的正则表达式
最新发布
05-22
可以尝试使用如下正则表达式匹配`<li></li>`中`<a href></a>`标签的文本内容： ``` <li>\s*<a\s+[^>]*>(.*?)</a>\s*</li> ``` 其中，`(.*?)`表示非贪婪匹配，匹配尽可能少的字符，即匹配`<a>`标签中的文本内容。 需要注意的是，正则表达式是一种强大的工具，但对于复杂的HTML文档，它并不能完全替代专业的HTML解析器。如果你需要处理复杂的HTML文档，建议使用专业的HTML解析器，如BeautifulSoup等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值