如何在鼠标单击时找到特定的父级并在顶层父级中获取索引
如何在鼠标单击时找到特定的父级并在顶层父级中获取索引
提问于 2018-07-15 01:01:25
如何找到特定的父div元素。我需要获取主体内部的div索引。现在，我有了在鼠标选择或单击时查找特定元素的功能。
这是我的代码：
$('div').mousedown(function(e){ /* get element selected */
console.log(e.target);
});
(function(){ /* get log message */
console.log = function (message) {
$('textarea').val(message.outerHTML)
};
})();div {
border : 1px solid black;
}
textarea {
width: 100%;
color:white;
background:black;
height: 120px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<p><b>foo bar</b></p>
<p><u>foo bar</u></p>
</div>
<div>
<p>
<b><i>foo bar</i></b>
</p>
</div>
<textarea></textarea>
回答 2
Stack Overflow用户
发布于 2018-07-15 01:04:54
要获取点击的div的索引，可以使用$(this).index()。index()方法从匹配的元素中搜索给定的元素，并返回整数值，指示jQuery对象中的position元素相对于其同级元素的位置。
$('div').on('click',function(){ /* get element selected */
console.log($(this).index('div'));
});div {
border : 1px solid black;
}
textarea {
width: 100%;
color:white;
background:black;
height: 120px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea></textarea>
<div>
<p><b>foo bar</b></p>
<p><u>foo bar</u></p>
</div>
<div>
<p>
<b><i>foo bar</i></b>
</p>
</div>
Stack Overflow用户
发布于 2018-07-15 01:12:21
如果textarea移动到顶部索引，则函数javascript不起作用
$('div').on('click',function(){ /* get element selected */
console.log($(this).index());
});div {
border : 1px solid black;
}
textarea {
width: 100%;
color:white;
background:black;
height: 120px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea></textarea>
<div>
<p><b>foo bar</b></p>
<p><u>foo bar</u></p>
</div>
<div>
<p>
<b><i>foo bar</i></b>
</p>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51341567
复制相关文章
相似问题