Как получить ссылку на объект HTML-элемента для использования jQuery?

Question

Контейнер с открытым контейнером прекрасно подходит для содержимого переполнения. Это работает. Но как подключить ссылку вызванного элемента HTML с помощью jQuery. Там должно быть лучше, чем это $("#"+divId)

Я получил этот код:

$('.text').mouseenter(function() { 

//var $id = $(this); ? 
//var $id = document.getElementById(divId); ? 
var divId = this.id; 
    var $id = $("#"+divId); 

var overflow = $id.prop("scrollHeight"); 

this.divHeight = $id.height(); 

$id.animate({height:overflow},1000); 
}); 

.text{ 
color: #000000; 
background-color: #ffffff; 
overflow: hidden; 
height: 100px; 
position: relativ;} 


<div class="text" id="text1"> 
<content> 
</div> 
<div class="text" id="text2"> 
<content> 
</div> 
<div class="text" id="text3"> 
<content> 
</div> 

PS Почему $(this).height() работает, но это не $(this).prop("scrollHeight")?

Спасибо за понимание.

Answer 1

попробовать что-то вроде этого

ИЗМЕНЕНИЯ ЭТА

var divId = this.id; 
var $id = $("#"+divId); 

К

var $id = $(this); 

Answer 2

Use jquery method like this 
    $(this).prop("scrollHeight");