&nbsp;を持つdivタグだけにCSSを適用させたいです


jQuery初心者です。

div内に`&nbsp;`が入っていたらdivにcssを追加したいのですが  
下記のコードでは動きません。  
どういう書き方をしたら動くのか教えてください。

[code]

    $(function() {
    　if($('.pf-list').has('&nbsp;')) {
    　$(this).css({
      　　backgroundColor: '#ccc';
    　　});
    　}
    });
    
[/code]




文字参照`nbsp`はユニコード符号位置でいう`U+00A0`に相当します（[仕様](https://www.w3.org/TR/html5/syntax.html#entity-
nbsp), [参考](http://www.fileformat.info/info/unicode/char/00a0/index.htm)）。  
このことから[:contains() Selector](https://api.jquery.com/contains-
selector/)を用いて要素の選択が可能です。

[code]

    $('div:contains("\u00A0")').css({ backgroundColor: '#ccc' });
[/code]

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    
    <div>apple</div>
    <div>banana</div>
    <div>che&nbsp;rry</div>
    <div>durian</div>
[/code]

