Ссылка ЕЩЕ при большом тексте в контейнере?

Question

[greenzlat]

Суть такая - блок отзывов, длинные тексты. Высота у div фиксированная. Если текст не помещается весь в div ставим ... и ссылку ЕЩЕ, при нажатии на которую надо показать весь текст отзыва.
Разметка:

<div class="review_item-text ellipsis">Длинный текстДлинный текстДлинный текстДлинный текстДлинный текстДлинный текстДлинный текстДлинный текстДлинный текст</div>

Саму ссылку я сделал. Но при нажатии на нее текст меняется на один у всех отзывах. Так как их несколько на странице с class="ellipsis". Как-то в цикл надо загнать я полагаю? Не силен в JS.

var reviewtext = document.getElementsByClassName('ellipsis'), i = reviewtext.length;
var Hreviewtext = $('.review_item-text').height();
var IshodReviewtext = $(".review_item-text").text();
while(i--){ 
    //если текст не входит в div, тогда обрезаем
    if(reviewtext[i].scrollHeight > Hreviewtext)
        reviewtext[i].innerHTML = reviewtext[i].innerHTML.substr(0,220) + '... <a class="more">Еще</a>';
    $(".more").on("click", function () {
		// jQuery.noConflict();
		$(".ellipsis").text(IshodReviewtext);
	});

}

Comments

[iljaGolubev]

reviewtext[i].innerHTML.substr(0,220) не гарантирует что после этого текст поместится

[iljaGolubev]

$(".more").on("click", function ( event ) {
   console.log(event.target); // тут ваш элемент
  });