jQuery替換textarea中換行的方法

更新時間：2015年06月10日 12:12:51 作者：spring21st

這篇文章主要介紹了jQuery替換textarea中換行的方法,涉及jQuery操作頁面元素的相關技巧,需要的朋友可以參考下

本文實例講述了jQuery替換textarea中換行的方法。分享給大家供大家參考。具體分析如下：

昨天同事在學習jQuery的時候，希望使用替換掉textarea中的換行。

html部分：

<fieldset>
 <textarea id="ncontent"></textarea>
</fieldset>
<button id="submit">提  交</button>

js部分：

$(document).ready(function(){ 
  $("#submit").click(function(){ 
    var ss = $("#ncontent").text(); 
    alert(ss); 
    var str = ss.replace(//r/n/gi, "!!!"); 
    alert(str); 
  }); 
}); 
</script>

使用JavaScript的replace()方法后，換行還是沒有被替換掉。

問題是出在jQuery獲取textarea中的值。應該使用

復制代碼代碼如下:

var ss = $("#ncontent").html();

使用text() 或者 val() 方法，都會把textarea中的html標簽進行處理，那么，肯定是替換不掉/r/n 了。

希望本文所述對大家的jQuery程序設計有所幫助。

您可能感興趣的文章:

jQuery實現(xiàn)下拉框選擇圖片功能實例
這篇文章主要介紹了jQuery實現(xiàn)下拉框選擇圖片功能,可實現(xiàn)帶圖片的下拉列表功能,涉及jquery插件imageselect.js的使用,需要的朋友可以參考下
2015-08-08
jquery中文亂碼的多種解決方法
jquery中文亂碼的多種解決方法，需要的朋友可以參考一下
2013-06-06
jQuery如何解決IE輸入框不能輸入的問題
在IE10以上版本，微軟為了提高IE輸入框的便利性，增加了文本內容全部刪除和密碼眼睛功能，但是有些時候打開新的頁面里，輸入框卻被鎖定無法編輯，需要刷新一下頁面，或者如果輸入框有內容需要點擊一下輸入框后面的叉叉后才能輸入，怎么解決呢，下面小編給大家解答下
2016-10-10
jQuery+CSS3實現(xiàn)四種應用廣泛的導航條制作實例詳解
這篇文章主要介紹了jQuery+CSS3實現(xiàn)多種類型的導航條制作實例詳解的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-09-09
JQuery最佳實踐之精妙的自定義事件
關于JQuery自定義事件，不少同學曾發(fā)郵件問我究竟日常JS應用中會不會用到，以及具體例子云云。。。
2010-08-08
jquery.validate使用詳解
Ajax在Web應用中的作用越來越大，許多工具都包含了對這一功能的使用，以下是對這些常用工具中Ajax的典型實例.
2016-06-06
jQuery.get、jQuery.getJSON、jQuery.post無法返回JSON問題的解決方法
在WEB項目中，經常會使用到jQuery進行AJAX請求，但是自從使用了.net 3.5以后，以往寫的請求語句就有些小問題了，就是返回的始終是xml,而并不是JSON
2011-07-07
jQuery焦點圖左右轉換效果
這篇文章主要為大家詳細介紹了jQuery焦點圖左右轉換效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
使用jquery為table動態(tài)添加行的實現(xiàn)代碼
最近，有需要做一個動態(tài)的給table，添加行，用了點時間，算是做成了。已測試過，但如果發(fā)現(xiàn)有什么bug，可以留言，歡迎拍磚。大家一起進步。
2011-03-03
PageSwitch插件實現(xiàn)100種不同圖片切換效果
這篇文章主要介紹了PageSwitch插件實現(xiàn)100種不同圖片切換效果,需要的朋友可以參考下
2015-07-07