爲什麼.setAttribute不使用jQuery

Question

$(function() { 
 
    $('textarea').setAttribute('style', 'height:' + ($('textarea').scrollHeight) + 'px;'); 
 
});

<textarea> 
 
    This is very, very long preloading text, I mean vvveeerrryyy, vvveeerrryyy long one! 
 
</textarea>

什麼我做錯了工作，好嗎？我再次檢查它，但找不到任何錯誤

Answer 1

1. 它的一個attr()。
2. 變化$('textarea').scrollHeight爲$('textarea')[0].scrollHeight。因爲它的jQuery返回undefined
3. setAttribute()沒有定義的功能。也不要忘了在你的html中添加jQuery庫。

$(function() { 
 
$('textarea').attr('style', 'height:' + ($('textarea')[0].scrollHeight) + 'px;'); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea>This is very, very long preloading text, I mean vvveeerrryyy, vvveeerrryyy long one!</textarea>

Answer 2

jQuery的不具有功能setAttribute()。使用attr()

$(function() { 
 
    $('textarea').attr('style', 'height:' + ($('textarea').scrollHeight) + 'px;'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea>This is very, very long preloading text, I mean vvveeerrryyy, vvveeerrryyy long one!</textarea>

Answer 3

請嘗試以下的jQuery

$('textarea').each(function() { 
    this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow- y:hidden;'); 
}) 

這裏是工作的jsfiddle：https://jsfiddle.net/1vpxmg4m/

Answer 4

您可以使用jQuery height()

012設置高度