先頭の空白を削除し、複数の空白を置き換える

Question

特定のプログラムに多数のボタンがあります。しかし、ボタンのどれも特定のクラスを持っていません。したがって、私はそれらを以下のコードで追加します。

jQuery('.btn').each(function() { 
    var btnFullText = jQuery(this).text(); 
    var btnText = btnFullText.replace(/\s+/g, '-').toLowerCase(); 
    jQuery(this).addClass(btnText); 
}); 

これまでのところ、これは非常にうまく動作します。しかし、あなたは完全には推測していないかもしれません。

いくつかのボタンは、次のようにコーディングされている：リンク内のスペースがあるので、この-new-taskようなクラスを作成します

<a class="btn btn-info" href="javascript:void(0);" onclick="Joomla.submitbutton('taskform.add');"><i class="icon-plus icon-white"></i> New Task</a> 

：

1. がどのように私は削除に上記のコードを適応させることができます最初の単語の前のすべてのスペース。
2. 単語間に複数のスペースがある場合、これは1つの-になることを確認するにはどうすればよいですか。

だから、リターンnew-task

<a><i class="icon-plus icon-white"></i> New Task</a> 
<a><i class="icon-plus icon-white"></i>  New  Task</a> 
<a><i class="icon-plus icon-white"></i>   New Task</a> 

PS1以下のすべての例のリンク：私はこのケースでjQuery代わりの$を使用する必要があります。

PS2：上記のコードは、必要に応じて完全にJavascript/jQueryに変更することができます。

PS3：プログラム内のリンクを変更することはできません。

PS4：私はタイトルのより良い提案を聞きたいです。

コードは、これまで

jQuery('.btn').each(function() { 
    var btnFullText = jQuery(this).text(); 
    var btnTrimmedText = btnFullText.trimLeft().replace(/\s+/g, '-').toLowerCase(); 
    var btnText = btnTrimmedText.replace(/-+/, '-'); 
    jQuery(this).addClass(btnText); 
    }); 

Answer 1

$('a').each(function(){ 
 
    var $this = $(this); 
 
    //get the text 
 
    //trim the leading and trailing spaces 
 
    //replace all occurances of one or more spaces with '-' 
 
    //lowercase the result 
 
    var clazz = $this.text().trim().replace(/\s+/g, '-').toLowerCase(); 
 
    
 
    //only do this if you don't want '--' in your ids 
 
    clazz = clazz.replace(/-{2,}/g, '-'); 
 
    
 
    $this.addClass(clazz); 
 
    console.log(clazz); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a><i class="icon-plus icon-white"></i> New Task</a> 
 
<a><i class="icon-plus icon-white"></i>  New  Task</a> 
 
<a><i class="icon-plus icon-white"></i>   New Task</a> 
 
<a><i class="icon-plus icon-white"></i>   New - Task</a>