我在页面上有几个几乎相同的元素。它们的区别只在于id - id="id1",id="id2",...,id="id10“我有一个JQuery代码,看起来像这样:
$('.element #set1 .select').on('mouseleave', function(){
if ($('.element #set1 .select .options:visible').length) {
$('.element #set1 .select .options').slideUp('fast');
$('.element #set1 .select a.value').addClass('selected').text('1');
}});
..。
$('.element #set10 .select').on('mouseleave', function(){
if ($('.element #set10 .select .options:visible').length) {
$('.element #set10 .select .options').slideUp('fast');
$('.element #set10 .select a.value').addClass('selected').text('1');
}});
有没有办法只使用一个统一的代码来访问具有不同Is的所有集合?
发布于 2018-03-28 14:06:03
您可以使用当前元素上下文,即
在事件处理程序中,它指的是调用事件并使用各种DOM遍历方法的元素。
要确定当前元素从属对象的目标,请执行以下操作
$('#set1, #set2, ..., #set10 ').on('mouseleave', '.select', function () {
if ($(this).find('.options:visible').length) {
$(this).find('.options').slideUp('fast');
$(this).find('a.value').addClass('selected').text('1');
}
});
https://stackoverflow.com/questions/49536644
复制相似问题