jquery - 如果不同的类值jquery隐藏div

Question

这是html：

 <div class="messages">
  <div class="conflict">
   <div class="alert alert-info">
    Conflict
   </div>
  </div>
  <div class="account">
   <div class="alert alert-info">
    Account
   </div>
  </div>
 </div>

这是CSS：

.new_inquiry > form > .messages > .conflict, .account { display: none;}

这是jquery代码：

$('#inquiry_theme').change(function(){
    if($('#inquiry_theme').val() == 'Conflict with the buyer/seller...') {
       $('.new_inquiry form .messages .conflict').show();
     }
});

如果打开了其他 div，则何时触发$('.new_inquiry form .messages .conflict').show();，如果类不同，我想隐藏它.conflict

Answer 1

我假设您想显示 .conflict div 并在显示时隐藏其他 div。

为此，您可以使用.siblings()jquery 的功能。

这是一个小提琴： http: //jsfiddle.net/SVQaW/ 虽然它只是一个虚拟场景尝试使用你的方式。

$('#inquiry_theme').change(function(){
    if($('#inquiry_theme').val() == 'Conflict with the buyer/seller...') {
       $('.new_inquiry form .messages .conflict').show();
       $('.new_inquiry form .messages .conflict').siblings().hide();
     }
});