addClass添加到具有特定类名的父元素

问题： 1.如何通过类名引用父元素？而且一旦我引用它，我怎么添加一个新的类名，同时不删除当前的类名？addClass添加到具有特定类名的父元素

我该如何通过类名引用兄弟元素？

下面是我的当前HTML的结构：

<div class="form-group"> 
    <div class="col-md-12"> 
     <div class="row"> 
      <div class="col-md-4 col-xs-12 no-pad"> 
       <input type="text" class="form-control" id="employeeCount" name="employeeCount" placeholder="{{nls 'example_total_num'}}" value="{{employeeCount}}"></input> 
       <i class="material-icons">error_outline</i> 
       <div class="help-block">&nbsp;</div> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="col-md-4 col-xs-12 no-pad"> 
       <input type="text" class="form-control" id="salesForceCount" name="salesForceCount" placeholder="{{nls 'example_sales_num'}}" value="{{salesForceCount}}"></input> 
       <i class="material-icons">error_outline</i> 
       <div class="help-block">&nbsp;</div> 

      </div> 
     </div> 
    </div> 
</div>

下面是被绑定到#salesForceCount输入的上述模糊事件的方法：

procSalesForceCount: function (e) { 
    let $e = $(e.currentTarget); 
    let val = parseInt($e.val()); 
    val = isNaN(val) ? null: val; 
if (val > this.model.get('employeeCount')) { 

    var error_message = `${val} is larger than employee count ${this.model.get("employeeCount")}`; 

//add new class has-error to parent div with form-group class 
    $e.closest(".form-group").addClass("has-error"); 
    $e.siblings('.help-block').html(error_message); 
    return; 
} 
// END 

this.model.set({ salesForceCount: val }); 
    }

来源

2017-02-24 Denoteone

你的 “问题” 是不是一个问题。这是一对要求。你没有说过你的代码不工作的原因。 –

我没有说清楚..不工作的部分是两个要求。我遇到了问题，将has-error类添加到具有form-group类的父元素。我遇到了问题，使用帮助块类将我的error_message添加到兄弟元素。这可以直接在我的评论下面找到//在我的方法中，添加新的类具有错误的父div与form-group类。 – Denoteone

@MikeMcCaughan我试图将我的帖子改为两部分的问题。请参阅我上面的编辑。 – Denoteone

我该如何转介通过类名称访问父元素？而且一旦我引用它，我怎么添加一个新的类名，同时不删除当前的类名？

$(child).closest(".class-name").addClass("new-class");

我将如何通过引用类名同级元素？

$(selector).siblings(".class-name");

或者

$("selector + .class-name");

来源

2017-02-24 15:31:10 maksymiuk

我已经更新了我的问题，以包含上述答案中概述的正确语法。这些更新已解决了我的问题。谢谢！ +1 – Denoteone

addClass添加到具有特定类名的父元素

回答

相关问题