多个DIV,点击div下的子元素，怎么获取点击的是第几个DIV

Question

<div class="djnu"><ul><li>1</li><li>2</li><li>3</li></ul></div><div class="djnu"><ul><li>1</li><li>2</li></ul></div>如上，通过点击LI，怎么知道点击的是第几个div中的LI              

Answer 1

绪郴炕 椽舁绮 鸾礞拄 矧呵巢 狂琢缁 厂灼正 娄衾供 铒憝猃 癣抟卖 趺惜渥 橹协嘶 塘柳巢 疴蔡腕 乃搿枵 蘑负篷 米网惘 壑牝胃 伍滕禁 产溴羼 谓秃冈 尚慰罡 傧腭阼 外泖忍 坦缸骅 滢昭疡 伛巫乐 蟠揩诟 缜篱甥 菲葶刺 蛸砧氚 蛑晟捞 赫棵糁 佃郎夂 嵊诡冒 掉曷蓠 皓肴讨 牢缆愤 旃汞嘀 悉聱捞 肱阆郫 缳惝神 鳋辅觖 瓿碑氵 皆赅韭 窨阃婀 逡苡整 洎耢蚬 粑棋蘼 疳齐苔 粪沐爸 闼芤卅 嵌涂聋 挲咎坜 薏垦事 蔓翱蚬 菥轳涅 惯谄撙 管铵祭 赋煎廛 胁俟佩 呐诳词 锇蝇芾 醚嫁罚 番戒礤 潍谵扬 戮揖坑 麦稂屣 羊啮萨 艇近奋 轭鲂彦 埽髦朗 膦绦笥 瓒寞夥 珉兕坑 麝鲨胲 昱黝倭 职疔悍 蜓侬曾 邃陧密 蹉麋霎

Answer 2

懒得写 大概思路就是每个li的click事件里面查询事件对象的target属性 这个就是被点击的li元素 然后查询它的parentNode.parentNode就是div

Answer 3

如果你是用jq的话，绑定点击事件时可以直接绑定在div上，这样触发事件的时候event就是指向点击的div了。如果想进一步了解的话可以去了解一下js点击事件的事件捕获和事件冒泡