jq $('ul li').click() 输出第几个子元素

jq获取当前点击的li是ul中的第几个？

搞了很久, 发现对应jquery来说, 动态产生的ul li(其实不只是这个, 还有 table td等), 直接使用 $("#ul_div>li").click(function() {}); 是不起作用的. 解决方案是 $("#ul_div").on("click", "li", function() {}); ref: http://stackoverflow.com/questions/14418451/clic

ul li a active jquery.cookie.js

div class="righter nav-navicon" id="admin-nav"> <div class="mainer"> <div class="admin-navbar"> <span class="float-right"> <a class="button button-little bg-main" href=&qu

JS和jQuery中ul li遍历获取对应的下角标

首先先看代码: html代码部分: <div id="div"> <ul> <li>1111111</li> <li>2222222</li> <li>3333333</li> <li>4444444</li> <li>5555555</li> <li>6666666</li> </ul> </div&

vue li click

<ul> <li @click="mechanisms(1)">AAAAA</li> <li @click="mechanisms(2)">BBBBB</li> <li @click="mechanisms(3)">CCCCC</li> <li @click="mechanisms(4)">D

jQuery li click失效问题

转自:http://blog.sina.com.cn/s/blog_64008ed70101nyoz.html 项目中使用到jQuery脚本插入一段代码,然后给代码加事件,但是click事件失效,网上找原因说是jQuery只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定. 代码如下: <div class="hotel_info_pic" id="imgDiv"> <ul id="imgUl"> &l

二级ul li元素动态加载click事件

一.代码 html代码: <ul class="id1" id="id1" style="width:84%; height:75%;overflow:auto; margin-top: 0;font-size:15px;"></ul> <ul class="id2" id="id2" style="width:84%; height:75%;overflow:aut

Ul li 竖排菜单

Ul li 竖排 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

ul li 好友列表

<div class="col-md-4 mt"> <div class="friend-list"> <h4 class="title" id="fri-title"><i class="fa fa-angle-down" id="i-icon"></i>选择收件人</h4> <ul class="

jQuery 遍历ul li 添加移除

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jquery 动态添加和删除 ul li列表

今天需要实现一个jquery动态添加和删除 ul li列表中的li行,自己简单的实现乐一个,分享一下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

ul li data-* 数据的读取

<ul class="questions"> <li> <div class="question">1.您的年龄是?</div> <ul class="options"> <li data-score="5" data-option="A" data-question="1"><i></i>

js：for循环ul/li，获取当前被点击元素的id，以及给其他li设置属性

js:for循环ul/li,获取当前被点击元素的id,以及给其他li设置属性 <!doctype html> <html> <head> <meta charset="utf-8"> <title>选择框样式</title> <script src="jquery.min.js"></script> <style> /*label {font-size:12p

data-*存数据，拿出ul li中的数据

<ul class="questions"> <li> <div class="question">1.您的年龄是?</div> <ul class="options"> <li data-score="5" data-option="A" data-question="1"><i></i>

ul -- li 模拟select下拉框

在写项目中用到下拉框,一般用 <select name="" id=""> <option value=</option> <option value=</option> <option value=</option> </select> 但是select 在不同的浏览器中样式有些差别,所以用 ul li 来模拟select 的功能. <div class="mode

ul li设置横排，并除去li前的圆点

效果预览:http://hovertree.com/texiao/css/ 如何用CSS制作横向菜单让ul li横向排列及圆点处理我们先建立一个无序列表,来建立菜单的结构.代码是: <ul> <li><a href="http://hovertree.com/">首页</a></li> <li><a href="http://hovertree.com/map/">网站地图<

使用CSS把ul,li制作成表格

查看效果:http://hovertree.com/texiao/css/7.htm 具体实现请看样式部分. 完整代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>使用CSS把ul,li制作成表格-何问起</title><

html ul li的学习

DIV+CSS里,我们用得最多的就是ul li来显示数据,如新闻按钮等. <div id="menu"> <ul> <li><a href="#">首页</a></li> <li class="menuDiv"></li> <li><a href="#">博客</a></li> <

ul li 下的元素内容垂直居中

CSS: <style> * {;; } li { list-style: none; } li span { border: 1px solid red; height: 100px; vertical-align: middle; display: table-cell; width: 100px;text-align:center; } </style> HTML: <ul> <li><span>无可奈何花落去</span>&l

DIV UL LI

怎样去除ul li a标签文字下的下划线

这个主要是text-decoration属性,颜色的话就是普通的了 <style> ul li a{ text-decoration:none; } ul li a { color: #666; } </style>