js jq都可以 前台点击某一个li,获取li的id 2C
 <ul id="demo">
      <li id="1">1</li>
      <li id="2">2
        <ul>
            <li id="2_1">2_1</li>
            <li id="2_2">2_2</li>
        </ul>
      </li>
  </ul>

需求:鼠标点击 某一个li 获取 id="demo"下指定li的id(只能给最外层ul的id)
换句话说我现在获取不到第二层,后面还有更多层

9个回答

没理解。。
$("#demo li").each(function(){
alert(this.id);
});

weixin_38894522
叫我小妖精 我忘了改成代码页面,你看看我重新写的,获取不到第二层啊
接近 2 年之前 回复

$("#demo").children("li").each(function(){
$(this).click(functon(){
console.log($(this).id);
});
});

weixin_38894522
叫我小妖精 我忘了改成代码页面,你看看我重新写的,获取不到第二层啊
接近 2 年之前 回复

$("#demo").find("li").each(function(){
$(this).click(function(){
//获取ID的值
var IDValue=$(this).attr("id");
});
});

weixin_38894522
叫我小妖精 我忘了改成代码页面,你看看我重新写的,获取不到第二层啊
接近 2 年之前 回复

你可以通过点击事件获取,给你点思路.
获取触发事件元素本身event.currentTarget,获取到当前点击的li对象再获取id应该不难吧。

yy339452689
一个砖猿 回复叫我小妖精: 你是希望每次点击li并获得本身的id对吧。那么你点击的时候可以触发点击事件,触发后你在事件函数内可以通过我上面写的这个方法获取到你所点击的li对象,对象都得到了,获取自身属性id就OK了。能理解?
接近 2 年之前 回复
weixin_38894522
叫我小妖精 能具体一点么,没看明白
接近 2 年之前 回复
 <ul id="demo">
      <li id="1">1</li>
      <li id="2">2
        <ul>
            <li id="2_1">2_1</li>
            <li id="2_2">2_2</li>
        </ul>
      </li>
  </ul>

$("#demo li").onClick(function(){
alert($(this).attr("id"););
});

weixin_38894522
叫我小妖精 你得到id="2_1"\id="2_2"了?能自己测试好了再写么?真实服!
接近 2 年之前 回复

不能改答案吗?上面那个多了个分号
$("#demo li").onClick(function(){
alert($(this).attr("id"));
});

weixin_38894522
叫我小妖精 你得到id="2_1"\id="2_2"了?能自己测试好了再写么?这么简单我就不在这发了
接近 2 年之前 回复

$('#demo').find('li').each(function() {
$(this).click(function() {
alert($(this).attr("id"));
return false;
})
})

$('#demo li').click(function(e){
console.log($(this).attr('id'))
})

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js 点击列表li,获得当前li的id
html<ul id="demo"> <li id="li-1">li1</li> <li id="li-2">li2</li> <li id="li-3">li3</li> <li id="li-4">li4</li> <li id="li-5">li5</li> </ul>js 第一种:监听事件document.getElementById("demo"
如何获取li的id
用asp如何在当前页面获取控件li的id?
点击li获取文本内容
文本内容     文本内容     文本内容     文本内容     文本内容     //jquery方法  each循环  $("ul li").each(function(){ $(this).click(function(){     alert($(this).text()); }) }) $('li').cli
如何获取点击当前li元素的ID
关键技术:jquery 作者:李嘉乐 用for 循环给ul元素添加10个li子元素,在自增的同时给每一个li元素添加了dianji(this)的onclick事件和自增的指定ID。通过dianji事件就可以获取到当前点击的li元素ID了。 如图: 代码如下: &amp;lt;body&amp;gt; &amp;lt;div&amp;gt; &amp;lt;ul style=&quot;width:500px; heig...
JS 获取li 行高
用JS 怎样获取 一个li 的行高, li 的行高不固定的, JQ 也行 li 有ID 的
Js点击获取<ul>下<li>的文本
HTML: &amp;lt;div class=&quot;layui-tab layui-tab-brief&quot;&amp;gt; &amp;lt;ul class=&quot;layui-tab-title&quot;&amp;gt; &amp;lt;li class=&quot;layui-this chg&quot;&amp;gt;基本信息&amp;lt;/li&amp;gt; &amp;lt;li class=
js通过a标签点击获取外面的li的id
rnrn```rn " rn 点击rn 提交rn "rn```rnrnrn怎么通过点击a标签获取li标签的id
JQ 徘徊轮播LI
JQ-UI-LI数据徘徊轮播方式 可追加新LI数据,实现纯前端播放追加数据
点击li获取当前的索引
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;ul id="list"&gt; &lt;li&gt;1&lt;/li&gt; &lt;li&gt...
JS获取DIV中的LI
[code=html]rn rn rn rn XXrn XXrn XXrn XXrn XXrnrn rn......rnrn....N个LIrnrnrn[/code]rnrn请问如何用JS获取所有LI中第三个里隐藏的内容
JS控制li,点击li时自动加上class
JS控制li,点击li时给当前的加上class="current",同时删除上一个的。默认首页那个一开始就有那classrn 首页rn 用户rn 商品rn 订单rn 留言rn 新闻rnrnrn
点击第0个<li></li>弹出0,点击第一个<li></li>弹出1
最近遇到了一个问题,一个里面嵌套了好多空的标签,点击弹出它的序号(HTML不可修改)。即点击第0个标签弹出0(作为一个程序猿,我们就从第0个开始说起吧),点击第1个标签弹出1。给出的HTML结构如下:       先写一段错误的代码:   var ul1 = document.getElementById(“ul1”); var oli =ul1.getElements
点击li,输出对应li的下标
window.onload=function(){ 第一种方法: var oli=document.getElementsByTagName('li');     for(var i=0;i   oli[i].onclick=(function(n){   return function(){   alert(n)   }   })(i)   } } 第二种方法: /
js实现点击哪个li哪个li背景为红色
index = 0 index = 1 index = 2 index = 3 document.getElementById("mu").onclick = function(e){ e = e || window.event; var target = e.srcElement || e.target,
jq 怎么获取当前li 在第几列?
rn rn 新增1rn rn rn 新增2rn rn 新增2-1rn 新增2-2rn rnrn rn rn 新增3rn rn rnrnrn点击 rnrn新增1 弹出 第1列rn新增2 弹出 第2列rn新增2-1 弹出 第3列rn新增2-2 弹出 第3列rn新增3 弹出 第2列rnrnrn$(function () rn rn $(".add_top").click(function () rn alert();rn );rn )rnrnjq怎么解决? 一下午 想破头。
jq获取当前点击的ul里li的a标签的属性值
&amp;lt;ul class=&quot;sq_slide&quot; &amp;gt; &amp;lt;li &amp;gt; &amp;lt;a class=&quot;&quot; href=&quot;javascript:;&quot;&amp;gt;系统管理&amp;lt;/a&amp;gt; &amp;lt;dl &amp;gt; &amp;lt;dd&amp;gt;&amp;lt;a data-src=&quot;admin&quot;&amp;g
jq获取当前点击的ul里li的a标签的值
ul的id为assort var assort=$(&amp;quot;#assort li&amp;quot;); assort.click(function () { var classfiyText = $(this).find(&amp;quot;a&amp;quot;).eq(0).text(); console.log(classfiyText); }); 如果想要获取第一个li里a的值,也很简单: var assort...
在后台获取前台li的id值并进行判断
页面有个用css写的Tab选项卡,是鼠标滑上去就会显示该选项卡下的内容(不是点击后显示),选项卡下是用DataList绑定的数据,我想实现的是:比如说选项卡有三个项,当鼠标滑过第一个项的时候,显示第一个下的内容,第二个和第三个的数据暂不显示,当滑过第二个选项的时候,显示第二个下的内容,应该怎么在后台获取li的值并判断鼠标滑向的是哪个选项卡?rn[code=csharp]rn test1rn test2rn test3rn[/code]
JavaScript 判断被点击li的ID和index
JavaScript 判断被点击li的ID和index:$("ul > li").click(function () { var index = $(this).prevAll().length; console.info(this.id, index); } 注: 这里的index和数组的index不一样,从1开始而不是从0.
jq或者js如何获取div下是否存在li
[code=HTML]rn rn rn 菜单1rn 菜单2rn rnrnrn rn rn 菜单1rn 菜单2rn rnrnrn[/code]rnrn上面这样的的怎么从固定ID的DIV获取是否存在元素li呢?jq或者js都行!rnrnjq参考网上这个,但总不成功rn--------------------------------rn三、选择特定id元素下的子元素 rn $("ul#u>li:nth-child(1)")rn--------------------------------rnrn
如何用JS在LI中增加一个LI,并且LI中有个ID的属性
如:rn Root nodern [color=#FF0000] xxxxx[/color]rn Europernrnrn红色的用JS实现插入,如何实现呢?
li点击问题
菜单rn下面有ul什么的,点击最左边的小黑点,下面菜单可以展开,而改成:rn 菜单或者rn 菜单或者rn 菜单rn点击最左边的小黑点都展不开,rn点击“菜单”文字,下面可以展开。rn不知道写的有什么问题,请指教,谢谢!rnrn
$$("li").
rn 111结果rn 111结果rnrnrnrnfunction set_style(num)rn for(var i=0;i<$$("li").length;i++)rn var li_node=$$("li")[i];rn li_node.className="";rn rn if(j>=0 && j<$$("li").length)rn var i_node=$$("li")[j];rn $$("li")[j].className="select";rn rn rn function mo(nodevalue)rn j=nodevalue;rn set_style(j);rn rnrn如果是#ss lirnrn该怎么写呢
在ie下点击不了li
两个div rn第二个div绝对定位到第一个divrn[img=http://haijian.ah.hostadm.net/bug.jpg][/img]
js 获取li点击事件获取子节点中值
nn```n n my_test.departmentn n name1(string)n count1(int)n n n departmentn n name2(string)n count2(int)n n nn```nnn这样的格式,id是parent的ul是写死的 下面的li ul都是 从数据库中读到的,现在我要点击parent下的li 获取ul下的值,意思就是我点击my_test.department 获取到name1,count1 ,my_test.department 点击department 获取name2,count2,department 望大神指点
jquery 获取拥有某个样式的li的id
rn sdfrn sdfrn sdfrn sdfrn sdfrn sdfrn sdfrn rndfgdfgrnrn点击aa的时候获取li中样式为ss的li的id
js 使li 可编辑
rn rnnamernrnrn如何通过右击鼠标是a 属于可修改状态? 求代码
js li的问题
rn 1rn 2rn 3rn 4rnrn li1rn li2rn li3rn li4rn我的代码写错了,怎么改。rn[code=JScript]rnfunction $(id)rn return document.getElementById(id);rn rn var tabsUl=$("tabs1");rn var li=tabsUl.getElementsByTagName("li");rn var div=document.getElementsByTagName("div");rn rn for(var i=0;i
js点击li标签切换背景颜色
碰到点击菜单,底色增加“active”属性,自己记录一下,以备以后能够用到。 &lt;style&gt; .sub_nav {text-align:center;background-color:#fff;margin-top:30px;font-size:18px;} .sub_nav a { border:1px solid #eee; border-top:none;display:...
js 点击给li标签添加class
怎么实现点击一次给li后面的一个li增加classnnn```n n 1填写账户名n 2验证身份n 3设置新密码n 4完成n nn n```n这个点击后给所有的li都增加了n
ul中获取当前点击的li的值
html代码:                     最新课程             Java基础             数据库基础             JS代码: $(".chooseUl").children("li").click(function(e){         var chooseId = e.currentTarge
javascript获取点击<li>标签里的值
  思路利用 li 的onclick 事件 来获取    具体参考下面例子       为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下: 1、HTML结构 &amp;lt;ul id=&quot;test&quot;&amp;gt; &amp;lt;li&amp;gt;Glen&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;Tane&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;John&
获取当前点击li的元素的节点下标
window.function(){ 第一种方法:声明一个函数马上调用 var oli=document.getElementsByTagName('li'); for(var i=0;i&amp;lt;oli.length;i++){ oli[i].onclick=(function(n){ return function(){ alert(n) } })(i) } }...
JS 动态生成节点_li
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; var ul = document.getElementById(&quot;ul&quot;); li = document.createElement(&quot;li&quot;); txt = document.createTextNode(&quot;txt&quot;); li.className = 'className'; li.on...
js删除li问题
rnrnrn rn 无标题文档rn rnrnrnrn rn rn 分类1rn rn aaaaaaa rn bbbbbbrn rn rn rn 分类2rn rn cc rn ddddddrn rn rn rn rn 分类3rn rn eeee rn ffffffffrn rn rnrnrnrnrn改变下拉框的值,删除他后面的li ,这样写为什么删除不了呢?
js实现简单li点击特效
1.html页面,首先创建父元素,子元素。2.再来定义css样式3.引入jquery4.编写js代码
获取“li”的索引号
html代码<ul id="test"> <li>这是第一条</li> <li>这是第二条</li> <li>这是第三条</li> </ul> javascript方法一var oli=document.getElementsByTagName("li"); for (var i=0;i<oLi.length;i++){ oLi[i].index=i; oLi[i].onclick=
获取隐藏的li标签宽度
@function tabBottomwidth(){ var liallwidth=0; var bottomwidth = $(&amp;quot;#wid_header&amp;quot;).width(); var tabulwidth = $(&amp;quot;#recent-tab&amp;quot;).width(); var $liNum = $(&amp;quot;#recent-tab&amp;quot;).find(“li”); KaTeX parse error: Expect..
获取li下的class
rn rn rn rn rnrnrn鼠标放上去后,li的hover事件写了rn在this的基础上继续获取到class为nav的divrn怎么写?
点击 li 获取索引的三种方式 代码
//原生js实现 &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; var oLi=document.getElementsByTagName(&quot;li&quot;); //第一种 for(var i=0;i&amp;lt;oLi.length;i++){ oLi[i].index=i; oLi[i].onclick=function(){ console.log(this.i...
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件