获取当前li
来源:互联网 发布:mac pro 价格 编辑:程序博客网 时间:2024/06/08 07:28
<p>车辆类型</p>
<p class="address">请选择</p>
<img src="img/jiantou.png" alt="" class="arrow" />
</li>
<div id="mask">
<div class="inner">
<div class="prop">
<p class="tit"></p>
<div class="div_content">小型汽车</div>
</div>
</div>
</div>
js:
document.querySelector("#mask .prop .div_content,#mask").onclick = function(e) {
hide();
e.stopPropagation();
};
var tit=document.getElementsByClassName('tit')[0];
var lis=document.querySelectorAll(".content ul li p.address");
lis=[].slice.call(lis);
lis.forEach(function(item, index, arr) {
item.onclick = function() {
var tit_text=item.parentNode.children[0].innerHTML;
tit.innerHTML=tit_text;
show();
}
});
function show() {
document.querySelector("#mask").style.display = "inline-block";
};
function hide() {
document.querySelector("#mask").style.display = "none";
};
- jq获取当前li
- 获取当前li
- js点击获取当前li标签的index值
- 原生js获取当前li元素的索引及demo
- ul中获取当前点击的li的值
- 使用vue点击li,获取当前点击li父辈元素的属性值
- JS获取当前UL标签下有多少个li标签
- js 点击列表li,获得当前li的id
- 获取ul下所有li
- 点击li获取文本内容
- 获取“li”的索引号
- 判断当前选择哪个li标签
- li
- li
- li
- li
- js 获取元素下面所有的li
- js获取li标签的value值
- python 文件操作 os 模块和 shutil 模块
- 通配符的使用规则
- 常见视频编码格式解析
- WPF-DataGrid表头CheckBox反选
- 241. Different Ways to Add Parentheses
- 获取当前li
- 网站维护组李斌17.12.11-17.12.15
- oracle分页思想
- optimize table 优化表
- C
- 怎样让浮动的子DIV自动撑大外边的父级DIV
- poj分类
- jsp,servlet生命周期
- java获得文件夹目录