Jquery каждый и Selector ведут себя по-разному ⇐ Html

[Anonymous]

Я создал в jQuery функцию, которая должна центрировать элементы по вертикали (я не смог сделать это с помощью CSS, устал и просто сделал это программно ^^). Проблема теперь в том, что я сначала создал его с помощью .each, а затем, поскольку он уже был создателем, я попытался вызвать его с помощью селектора (

Код: Выделить всё

$('something').center

), но по какой-то причине он ведет себя по-другому.
При использовании селектора кажется, что он делает одно и то же с каждым элементом. Он делает это с первым элементом, а затем просто применяет все значения к остальным элементам. Так, например, моя функция принимает высоту элемента и выполняет с ним некоторые операции, но селектор просто берет первый, а затем применяет его параметры ко всем.
Я буду продолжать использовать каждый, поскольку сейчас он работает лучше всего, но я до сих пор не могу понять, почему они это делают..
Функция центрирования:

Код: Выделить всё

$.fn.center = function (){
/*If this is the highest element, or
if this element has full use of the width,
then there's no need to align it.
*/

if(this.height() == this.parent().height() ||
this.width() == this.parent().width())
{
this.css({
position : "relative",
top : 0
});
}
else //Should be aligned.
{
this.css({
position : "relative",
top : (this.parent().height()/2)-(this.height()/2)
});
}
return this; //Used for chaining.

};
Вот пример того, что я имею в виду ^^
http://jsfiddle.net/lrojas94/pmbttrt2/1/

Подробнее здесь: https://stackoverflow.com/questions/269 ... ifferently