Wie übergebe ich $ (this) an eine Funktion?

Question

Mein Code ist:

$(document).ready(function(){ 

    var hCount = 0, 
     eCount = 0, 
     nCount = 0, 
     mCount = 0; 

$("#head").click(function() { 
     var pPos = counter(hCount); 
     $(this).animate({left:pPos+"px"}, 1000); 
    }); 

function counter(count) 
{ 
    count++; 
    if(count === 10) 
    { 
     count = 0; 
     pPos = 0; 
    } 
    else 
    { 
     var pPos = $(this).css('left'); 
     pPos = pPos.substring(0,(pPos.length-2)) 
     pPos -= 367; 

    } 

    return pPos; 
} 

ich einen Fehler unter Angabe

Uncaught TypeError: Cannot read property 'defaultView' of undefined

Ich habe keine Ahnung, was diesen Fehler verursacht. Wie kann ich die Funktion counter() den Wert $(this) in $("#head").click übergeben? Ich kann nicht direkt $("#head") erwähnen, weil ich diese Funktionalität mit mehr Divs wiederholen werde, außer #head, während ich den Code im Funktionszähler wiederverwende.

Answer 1

Nur Zählerfunktion mit elem Argument erweitern und innerhalb Klick Handhabung passieren:

function counter(count, elem){ 
    // ... 
} 

$("#head").click(function() { 
    var elem = $(this); 
    var pPos = counter(hCount, elem); 
    elem.animate({left:pPos+"px"}, 1000); 
}); 

Answer 2

$(this) ist nur ein Objekt wie jedes andere. Ihn einfach in Ihre Funktion:

counter(hCount, $(this)); 
.... 

function counter(count, thisFromPreviousFunction) 

Answer 3

Uncaught TypeError: Cannot read property 'defaultView' of undefined

Die von der Leitung kommt var pPos = $(this).css('left');

als $(this) nicht in Ihrer Funktion (die Funktion verwandt ist nicht auf einen Selektor definiert ist, so $ (this) existiert nicht, wie Sie denken).

$(document).ready(function(){ 

    var hCount = 0, 
     eCount = 0, 
     nCount = 0, 
     mCount = 0; 

    $("#head").click(function() { 
    var pPos = counter(hCount, $(this)); // Pass the selector 
    $(this).animate({left:pPos+"px"}, 1000); 
    }); 

    function counter(count, selector) { 
     count++; 
     if(count === 10) { 
      count = 0; 
      pPos = 0; 
     } 
     else { 
      var pPos = selector.css('left'); // Use the given selector 
      pPos = pPos.substring(0,(pPos.length-2)) 
      pPos -= 367; 
     } 
     return pPos; 
    } 
}); 

https://jsfiddle.net/yw2b4tyt/