点击类选择器，获取索引

1.存在一类选择器，点击其中一条，获取它所在类的索引位置

<div class="list-group"> //引用了bootstrap的列表组<a href="#" class="list-group-item datalist active">>/data/南宁市地类图斑.udb</a><a href="#" class="list-group-item datalist">>/data/南宁市地类图斑.udb</a><a href="#" class="list-group-item datalist">>/data/南宁市地类图斑.udb</a><a href="#" class="list-group-item datalist">>/data/南宁市地类图斑.udb</a><a href="#" class="list-group-item datalist">>/data/南宁市地类图斑.udb</a></div>

$(".datalist").click(function(){var index=$(".datalist").index(this);var val=$(".datalist")[index].innerHTML;var statInd=val.lastIndexOf("/");var endInd=val.lastIndexOf(".");datacontainer=val.substr(statInd+1,endInd-statInd-1);})

转载于:https://www.cnblogs.com/jiktiv123/p/7657066.html

点击类选择器，获取索引相关推荐

Vue里的ElementUi点击行如何获取 Table 的行索引
文档中有一个:row-class-name="tableRowClassName"属性,可以获取到当前行的index, 看下面代码,注意 :row-class-name是写在el- ...
JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)
提示:我们可以从jquery文档上学习哦~ 下面简单的介绍几种常用的选择器 ===================================基本选择器=============== ...
CSS复合选择器（后代选择器、子元素选择器、并集选择器、伪类选择器、:focus伪类选择器）
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的. 1. 后代选择器后代选择器又称为包含选择器作用:用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面,内层标签写在后面,中间 ...
js进阶 10-8 伪类选择器有哪几类（自己不用，永远不是自己的）
js进阶 10-8 伪类选择器有哪几类(自己不用,永远不是自己的) 一.总结一句话总结:自己不用,永远不是自己的. 0.学而不用,却是为何? 自己不用,永远不是自己的,有需求的时候要想到它,然后操作 ...
html选择器_HTML的id选择器类选择器
一.问题:我们前面讲了标签选择器有一个缺陷就是它不加选择的把所有相同的标签全都变成统一样式,这对于我们个性化定制产生了阻碍,因此我们便引出了id选择器,来进行特别指定进行配置样式二.id选择器 1. ...
id选择器、标签选择器、类选择器、交集选择器、并集选择器
通过id选择器获取元素点击按钮显示效果 <!DOCTYPE html> <html lang="en"> <head><meta char ...
id jquery选择器开头_HTML的id选择器类选择器
一.问题:我们前面讲了标签选择器有一个缺陷就是它不加选择的把所有相同的标签全都变成统一样式,这对于我们个性化定制产生了阻碍,因此我们便引出了id选择器,来进行特别指定进行配置样式二.id选择器 1. ...
html类选择器使用在什么场景,你需掌握的CSS知识都在这了（长文建议收藏，文末有福利）...
1.CSS盒模型,在不同浏览器的差异 css 标准盒子模型 css盒子模型又称为框模型(Box Model),包含了元素内容(content).内边距(padding).边框(border).外边距 ...
css复合选择器（后代选择器、子代选择器、并集选择器、链接伪类选择器、：focus选择器）
什么是复合选择器? 在css中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的. 复合选择器可以更准确.更高效的选择目标元素(标签 ...

点击类选择器，获取索引

点击类选择器，获取索引相关推荐

最新文章

热门文章