クラス内の文字を変更する

Question

特定のクラスの文字列の最後の文字を修正したいと思います。 つまり、クラスlast（li.last）に属するリスト項目で、カンマをフルストップに変更したいと考えています。

<li>one,</li> 
<li>two,</li> 
<li>three,</li> 
<li class="last">four,</li> 

変化に：たとえば

<li class="last">four.</li> 

これを実行するための簡単な方法はありますか？

Answer 1

$(".last").text($(".last").text().replace(",",".")); 

が、これは良い解決策である場合、要素内のいずれかの子要素があるとき、私はjQueryを持つクラスでlast

Answer 2

わからない：

var $last = $('.last'); 
$last.html($last.html().replace(',' , '.')); 

この意志すべてを置換する "、" to " 希望に役立ちます。

Answer 3

私はこのような

$('li.last').text($('li.last').text().replace(',', '.') 

Answer 4

何か言う：あなたは多くのそのような要素を持っている場合に便利である機能を、取る.textオーバーロードを使用することができます

var elem = $('li.last'); 
elem.text(elem.text().replace(/,^/, ".")); 

Answer 5

$('.last').each(function(){ 

    var text = $(this).text(); 
    text = text.substr(0,text.length-1); 
    text = text+'.'; 

    $(this).text(text); 

}); 

Answer 6

を：

$('li.last').text(function(i, text){ 
     return text.replace(/,$/, '.'); 
}); 

例：http://jsfiddle.net/xVHKd/

:last-childセレクタ：$('li:last-child')を使用することもできます。