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/