javascript - 要素にJQueryで£記号のみが含まれているかどうかを確認するにはどうすればよいですか？

Question

私が2つのdivを持っているとしましょう：

<div>&pound; 21.99</div>
<div>&pound;</div>

£記号のみを含むdivのみを選択したい場合、これについてはどうすればよいですか？

私が試してみました：

if ($('div:contains("£")').length > 0) 
{
   $(this).addClass("pound");
}

Answer 1

問題は、ブラウザがHTMLエスケープ文字を変換していることだと思います。そのため、実際の文字を探す必要があります...これをテストしたところ、機能しました

$(document).ready(function(){
 $('div').each(function(){
  if ($(this).html() == "£"){
   $(this).addClass("pound");
  }
 })
})

Answer 2

$('div:contains("£")').each( function() {
     var text = $(this).html();
     if (text && text.match(/\s*£\s*/)) {
        $(this).addClass('pound');
     }
});

Answer 3

.filterを試してください。

私は関連情報を含むSOに関する別の質問を見つけました：

jQueryでの正規表現フィールドの検証

Answer 4

tvanfossonのコードでは、£記号の両側に空白を使用できますが、正規表現では少し変更を加えることで実行できます。

$('div:contains("£")').each( function() {
    var text = $(this).html();
    if (text && text.match(/^\s*£\s*$/)) {
        $(this).addClass('pound');
        }
    });

文字列の開始と終了を示す「^」と「$」に注意してください。