如何在 jQuery 中使用“this”的子元素作为选择器
How do I use the child element of 'this' as a selector in jQuery?
我有一个函数,当用户mouseover
某个div时调用。该函数显示不同的div,但问题是它显示了该类的所有div。
这是JS:
$('.edit-image').mouseover(
function(e){
$('.edit-image-link').show();
});
我希望它做的是仅显示.edit-image-link
div,如果它是用户鼠标悬停的元素的子元素。
您可以使用 .find() 仅获取基于选择器的元素的后代元素。
$('.edit-image').mouseover(function (e) {
$(this).find('.edit-image-link').show();
});
或者你可以将上下文传递给jQuery以搜索选择器
$('.edit-image').mouseover(function (e) {
$('.edit-image-link', this).show();
});
注意:在像事件处理程序这样的jQuery回调方法中,这将引用当前的dom元素
我个人更喜欢第一种方法
使用
$('.edit-image').mouseover(function () {
$(this).find('.edit-image-link').show();
});
引用
此关键字
.find()
获取当前匹配集中每个元素的后代 元素,按选择器、jQuery 对象或元素过滤。
相关文章:
- Webdriver.io pageObject模式-通过传递参数来定义元素选择器
- 使用元素选择器向Object添加函数
- j查询未来元素选择器
- Jquery动态元素选择器
- 如何通过元素选择器获取tinyMCE编辑器实例
- 如何在 Edge Animate 中使用类元素选择器绑定 ElementAction
- jQuery在以下选择器中引用初始元素选择器
- 编写一个类似jQuery的JS元素选择器
- 并行元素选择器
- 带有元素选择器的jQuery get()函数
- Jquery Html元素选择器
- 在IE上组合了活动状态伪类和相邻元素选择器
- 仅为通过元素选择器选择的元素获取指定的属性列表
- 为什么jQuery元素[]选择器在这种情况下不起作用?
- jQuery元素选择器
- Javascript元素选择器
- 用于多个元素/选择器的字符语法
- 如何使用Jquery中的元素选择器和类选择器
- 多元素选择器上的jQuery方法链接
- 如何使用jQuery元素选择器从表单中获取输入字段的ID