jquery - jQueryを使用して順序付けられていないリストの各要素から文字列を削除しますか?

Question

次のような順序付けられていないリストがあります。

<ul>
   <li>Happy People</li>
   <li>Sad People</li>
   <li>Angry People</li>
</ul>

そして、単語の前のスペースを含む「人」を削除したいと考えています。jQueryでそれを行うにはどうすればよいですか?

Answer 1

$('li').each(function() {
    $(this).text( $(this).text().replace(' People', '') );
});​

フィドル

---

また、より複雑なユースケースの場合:

リスト項目内にマークアップがある場合は、.html()代わりに.text(): ( fiddle )を使用します。

$(this).html( $(this).html().replace(' People', '') );

「People」が文字列の最後でのみ一致することを保証したい場合: ( fiddle )

$(this).text( $(this).text().replace(/ People$/, '') );

大文字と小文字を区別しない一致が必要な場合iは、正規表現にフラグを追加します: ( fiddle )

$(this).text( $(this).text().replace(/ People$/i, '') );

上記のすべては、ミニマリストの例に対して同じ出力を持っています.