Как получить расположение тега в JavaScript без изменения DOM

Допустит, у меня есть следующий код:Как получить расположение тега в JavaScript без изменения DOM

<body> 
    <a>1</a> 
    <a>2</a> 
</body> 
<script> 
var as = document.getElementByTagName('a'); 
for(var i=1; i<=as.length; i++) { 
    as[i].onclick = function(){ 
    alert(i); 
    } 
} 
</script>

При нажатии на любом из a тегов предупредят 2! Я знаю почему, но как мне его передать?

источник

2014-10-20 Jacob Cohen

Он начинается с 0 , замените 'i = 1' на' i = 0' – Superdrac

Нет функции getElementByTagName, но getElementsByTagName. – dfionov

нужно добавить некоторое закрытие, чтобы сохранить значение I, потому что onlick функция будет вызвана после того, что цикл завершается и значение I изменилось

as[i].onclick = (function(i2){ 
    return function(){ 
     alert(i2); 
    }; 
})(i);

источник

2014-10-20 12:29:43 Hacketo

Закрытие. Это то, что мне нужно было услышать. –

Это вопрос обзорное. Ваш цикл for будет завершен до того, как будут зарегистрированы какие-либо клики, поэтому i всегда будет 2. Вы можете избежать этого с помощью функциональной forEach петли, которая сохранит свой объем:

var as = document.getElementsByTagName('a'); 
[].forEach.call(as, function (el, i) { 
    el.onclick = function(){ 
    alert(i); 
    } 
})

источник

2014-10-20 12:31:17 Jivings

This даст вам текущее положение тега в HTML, можно использовать следующий код:

$('a').on('click',function(){ 
console.log($(this).index()); 
});

источник

2014-10-20 12:37:16 Innodel

Говорит ли OP, что он работает с jQuery? – Superdrac

Как получить расположение тега в JavaScript без изменения DOM

ответ

Смежные вопросы