jQuery初心者です。
div内に
が入っていたらdivにcssを追加したいのですが
下記のコードでは動きません。
どういう書き方をしたら動くのか教えてください。
$(function() {
if($('.pf-list').has(' ')) {
$(this).css({
backgroundColor: '#ccc';
});
}
});
文字参照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 rry</div>
<div>durian</div>
通常はテキストののセレクターは以下のAPIを使えるのですが、
https://api.jquery.com/contains-selector/
だけは特殊なものは直接テキストをgrepしないと使えないです。
https://stackoverflow.com/questions/29275742/can-i-select-an-element-that-contains-nbsp-within-its-html
$(function() {
var regEx = / /gm;
var elements = $(".pf-list").filter(function(index, ele) {
if(regEx.test($(ele).html())) {
$(ele).css("background-color", '#ccc');
}
});
});