Question

我需要用于＆＃34; .each＆＃34;元素jquery方法＆＃34; .on＆＃34; ，但我做错了什么..可以帮助吗？

从SVG获取ID并将它们放入数组中：

    var svgZi10 = document.getElementById("svg"); //get the main SVG container
    var svgElementZi10 = svgZi10.contentDocument; //get the inner DOM from SVG

var lock    = []; //new Array
lock[0] = svgElementZi10.getElementById("lock-door-open-right-contour"); //get the inner element by id
lock[1] =  svgElementZi10.getElementById("lock-door-open-left-contour"); //get the inner element by id
lock[2] = svgElementZi10.getElementById("lock-door-closed-right-contour"); //get the inner element by id
lock[3] = svgElementZi10.getElementById("lock-door-closed-left-contour"); //get the inner element by id

使用数组中的对象进行操作（不起作用）：

 $.each(lock, function(i,element) {
        $(element).on("mousedown",function(){tab12[0].click() })  
    });

每个对象的时间是什么（工作）：

 var lock1 = svgElementZi10.getElementById("lock-door-open-right-contour"); //get the inner element by id
 var lock2 = svgElementZi10.getElementById("lock-door-open-left-contour"); //get the inner element by id
lock1.addEventListener("mousedown",function(){tab7[0].click()});
lock2.addEventListener("mousedown",function(){tab7[0].click()});

Answer 1

你应该在当前元素上调用.on()，而不是数组：

$.each(lock, function(i,element) {
    $(element).on("mousedown",function(){tab12[0].click() })  
});

如果lock是DOM元素数组，则不需要.each。当你给jQuery()一个元素数组时，它将创建一个包装它们的jQuery对象。所以你可以写：

$(lock).on("mousedown", function() {
    tab12[0].click();
});

在jQuery集合上使用绑定函数时，它会绑定集合中的所有元素。

jQuery - 用于包含方法.on的.each调用函数

1 个答案: