1

jQuery初心者です。

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

$(function() {
 if($('.pf-list').has(' ')) {
 $(this).css({
    backgroundColor: '#ccc';
  });
 }
});

2 件の回答 2

4

文字参照nbspはユニコード符号位置でいうU+00A0に相当します(仕様, 参考)。
このことから:contains() Selectorを用いて要素の選択が可能です。

$('div:contains("\u00A0")').css({ backgroundColor: '#ccc' });
<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>

0

通常はテキストののセレクターは以下のAPIを使えるのですが、
https://api.jquery.com/contains-selector/

&nbsp;だけは特殊なものは直接テキストをgrepしないと使えないです。
https://stackoverflow.com/questions/29275742/can-i-select-an-element-that-contains-nbsp-within-its-html

$(function() {
  var regEx = /&nbsp;/gm;
  var elements = $(".pf-list").filter(function(index, ele) {
     if(regEx.test($(ele).html())) {
        $(ele).css("background-color", '#ccc');
    }
  });   
});

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。