javascript - getElementsByClass[index] 不工作

Question

var g = document.getElementById('my_div');
        for (var i = 0, len = g.children.length; i < len; i++)
        {
            (function(i){
                g.children[i].onclick = function(){
                    $('.galao')[i].attr('id','selectedGalao');
                }    
            })(i);
        };

所以，我试图通过他的类和索引位置获取一个元素，这样我就可以添加一个我使用的 id。问题是浏览器返回我:

Uncaught TypeError: Cannot read property 'attr' of undefined at HTMLDivElement.g.children.(anonymous function).onclick

我该如何解决？

编辑

代码其实是这样的:

var g = document.getElementById('my_div');
            for (var i = 0, len = g.children.length; i < len; i++)
            {
                (function(index){
                    g.children[i].onclick = function(){
                        $('.galao')[index].attr('id','selectedGalao');
                    }    
                })(i);
            };

Answer 1

这样:

var g = document.getElementById('my_div');
        for (var i = 0, len = g.children.length; i < len; i++)
        {
            (function(){
                g.children[i].onclick = function(){
                    $($('.galao')[i]).attr('id','selectedGalao');
                }    
            })(i);
        };

jquery 数组中的元素不是 jquery 对象，因此您也需要使它们成为 jquery 对象，以便对它们使用 jquery 函数