Js Jquery 關於endWith() 和startWith() 的使用

javascript中字符串處理並沒有 StartWith 和 EndWith 這倆個方法,這裏說的是手動構建這倆個方法.
JQuery 也是沒有這倆個方法的,而是利用其豐富的選擇器來達到此效果.

首選javascript下着倆個函數的構建如下:
<script type="text/javascript">
 String.prototype.endWith=function(s){
  if(s==null||s==""||this.length==0||s.length>this.length)
     return false;
  if(this.substring(this.length-s.length)==s)
     return true;
  else
     return false;
  return true;
 }

 String.prototype.startWith=function(s){
  if(s==null||s==""||this.length==0||s.length>this.length)
   return false;
  if(this.substr(0,s.length)==s)
     return true;
  else
     return false;
  return true;
 }
</script>

應用方式如下:
        var url = location.href;
        if (url.startWith('http://www.baidu.com'))
        {
             //如果當前url是以 http://www.baidu.com 開頭(以下是處理代碼)
        }

jquery 的這倆個方法全部是用選擇器實現的.
首先看 StartWith 效果

文本框name 以 abcd 開頭的文本框 內容將會出現 "以abcd開頭" 的字符
<script>
$('input[name^="abcd"]').val('以abdc開頭');  --這裏注意選擇符 ^ 的效果就是以什麼開頭
</script>

再看 EndWith 效果

文本框name 以 abcd 結尾的文本框 內容將會出現 "以abcd結尾" 的字符 
<script>
$('input[name$="abcd"]').val('以abcd結尾');  --這裏注意選擇符 $ 的效果就是以什麼結尾
</script>
發佈了43 篇原創文章 · 獲贊 22 · 訪問量 13萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章