Как получить позицию из имени класса onclick?

Question

Я хочу получить позицию метки в событии клика. Для exameple:

<label class="labelClass" onclick="getPosition()"> label1 </label>//return position 1 
<label class="labelClass" onclick="getPosition()"> label2 </label>//return position 2 
<label class="labelClass" onclick="getPosition()"> label3 </label>//return position 3 ...etc 
<label class="labelClass" onclick="getPosition()"> label4 </label> 
<label class="labelClass" onclick="getPosition()"> label5 </label> 

function getPosition() { 
    //pseudocode to get position 
    var label = document.getElementsByClassName("labelClass"); 
    alert(label.position) //something like this; 
} 

Answer 1

Вы должны преобразовать HTMLCollection к Array, так что вы можете найти индекс элемента из списка. Надеюсь, что это работает для вас ..

<label class="labelClass" onclick="getPosition(this)" > label1 </label>//return position 0 
    <label class="labelClass" onclick="getPosition(this)" > label2 </label>//return position 1 
    <label class="labelClass" onclick="getPosition(this)" > label3 </label>//return position 2 ...etc 
    <label class="labelClass" onclick="getPosition(this)"> label4 </label> 
    <label class="labelClass" onclick="getPosition(this)"> label5 </label> 

    function getPosition(label) 
    { 
     var list=document.getElementsByClassName("labelClass"); 
     list = [].slice.call(list); 

     alert(list.indexOf(label)); 
    } 

Вот jsfiddle

Answer 2

попробовать это:

• изменение OnClick = "GetPosition()" в OnClick = "GetPosition (это)"

• в функции GetPosition:

  - функция изменения getPosition() для функции getPosition (obj)

  - использовать alert(obj.style.position)

Answer 3

Это может быть полезно

function getPosition() 
{ 
var p = $(this); 
var position = p.position(); 
$(".result").text("left: " + position.left + ", top: " + position.top); 

}