javascript - jquery检查元素不为空改变类

Question

当 p.err 不为空时，我想添加类 p.err-wrapper。

<p class="err err-wrapper">not empty</p>
<p class="err"></p>


p.err {color:#ff0000, font-weight: bold; }
p.err-wrapper {background:#ffffdd; border:1px solid #ff0000; }

我正在使用的应用程序在这样的表单上添加了一条错误消息 <p class="err"><?php get(error_msg) ?></p>

不管有没有错误都会添加到页面中。一有错误<p class="err">Your first name is missing</p> , p.err 修饰了 <p> 的内容标签。

我想用边框和背景包裹错误。问题是因为 <p class="err"></p>不是有条件地添加，当没有错误时我得到一个带边框的背景。

我想添加 jquery 检查是否 <p class="err"></p>不为空，然后添加类 p.err-wrapper，即 <p class="err err-wrapper"></p> .

我有点用了，但我对 jquery 还很陌生。

Answer 1

您可以使用 :not 和 :empty 选择器。

$('p.err:not(:empty)').addClass('err-wrapper');

http://jsfiddle.net/QYaJC/