jquery - 选择所有子项都不是 span.error 的类控制组

Question

我正在使用 twitter bootstrap 和 jquery validate 插件

我有一个看起来像这样的表单行：

<div class="form_row" >
<div class="control-group">
<label class="control-label" for="input01">home phone</label>
  <div class="controls">
    <input type="number" class="span4" class="input-xlarge" id="home_phone" name="home_phone" value="<?php echo $this->property->home_phone ?>" rel="popover" data-content="Re-enter your home phone." data-original-title="homephone" >
    <input type="number" class="span4" class="input-xlarge" id="cell_phone" name="cell_phone" value="<?php echo $this->property->cell_phone ?>"  rel="popover" data-content="Re-enter your cell_phone." data-original-title="cell_phone" >
  </div>

验证后，当我在 firebug 中查看它时，有错误的输入后面跟着 span.error。我想选择类控制组，其中所有子项都不是 span.error。我将不胜感激任何帮助。

谢谢，比尔

Answer 1

怎么样：

$('.control-group').not($('.control-group span.error').closest('.control-group')).

http://jsfiddle.net/zerkms/Dhe4j/

在 jsfiddle 示例中，我们选择所有.control-group没有嵌套的span.error并将它们设为红色。