jQuery 和换行符

最新推荐文章于 2024-07-21 03:02:49 发布

zmen0502

最新推荐文章于 2024-07-21 03:02:49 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery function class table html border

本文链接：https://blog.youkuaiyun.com/zmen0502/article/details/6341368

jQuery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态调整Textarea高度的方法，并确保在输入字符少于10个但包含换行符的情况下，正确地调整高度。此外，还展示了如何通过正则表达式替换文本中的换行符。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据字符的长度控制textarea的高度，如果长度小于10则设置textarea的高度为20，但是在textarea里是可以换行的，当输入的字符小于10并且换了行，仍然显示20的高度是不对的，所以，要找找字符串中有没有换行符。

1. 代码：

SCRIPT：

$(document).ready(function(){ var ta = $("#table1 textarea"); ta.each(function(){ var val = $(this).val(); var len = $(this).val().length; var count = $(this)[0].innerHTML.indexOf("/n");//检查字符串里是否有换行符 alert("innerHTML.indexOf :"+count+" , length :"+len+" , text :"+$(this).val()); if(len < 10 ){ if(count < 0){ $(this).height(20); } } }); })

HTML：

<td><textarea class="ta">12
    3</textarea></td>
</tr>
<tr>
    <td><textarea class="ta">bbbbbb/r/ncccccccccccccccccccccccccccccccccccccccc</textarea></td>
</tr>
</table>

SCRIPT：

$(document).ready(function(){ var oldcontent=$("#oldc")[0].innerHTML;//document.getElementById("oldc").innerHTML; var newcontent=oldcontent; alert(/(.+)/g); newcontent=newcontent.replace(/(.+)/g,"<li>$1</li>");// . 表示换行符符以外的字符 $("#newc")[0].innerHTML = newcontent;//document.getElementById("newc").innerHTML=newcontent; })

HTML：

jQuery 和 换行符

jQuery 和换行符