注册    登录
私信  •  关注

Devsi Odedra
Devsi Odedra 最近创建的主题
» Devsi Odedra 创建的更多主题
Devsi Odedra 最近回复了
4 年前
回复了 Devsi Odedra 创建的主题 » 如何在jquery函数中使用类而不是ID

第一个添加类 attribute 在里面 html 类似元素 class="flip"

现在你可以使用 class 在里面 jquery公司 使用点( . )所以你必须用 $(".flip")

你也可以给 css 具有 班 以同样的方式

见下面的答案。 

$(document).ready(function(){
  $(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<style> 
.flip {
  padding: 5px;
  text-align: center;
  background-color: #e5eecc;
  border: solid 1px #c3c3c3;
}

.panel {
  padding: 50px;
  display: none;
}
</style>


<body>
<div id="flip" class="flip">Click to slide the panel down or up</div>
<div id="panel" class="panel">Hello world!</div>
</body>
4 年前
回复了 Devsi Odedra 创建的主题 » 如何使用jquery计算来自多个select的值之和?

你的代码没问题。在之前添加条件 += 检查获取值或 '' 选择了选项。 

$(document).on('change', '.adults-select', function(){
   var sum = 0;
   $("select.adults-select option:selected").each(function(){
      if($(this).val()){
        sum += Number($(this).val());
      }
      
   });
console.log(sum);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="adults-select" data-type="adults">
  <option value=""></option>
   <option value="5">5</option>
   <option value="6">6</option>
   
</select>

<select class="adults-select" data-type="adults">
  
   <option value="8">8</option>
   <option value="9">9</option>
   
</select>
» Devsi Odedra 创建的更多回复
关于   移动版   ·   三行代码   ·   今天看啥   ·   Code   ·   link之家   ·   卧龙搜索   ·   藏经阁   ·   小百科
Py学习 - 专注于Python技术发展的社区(原Django社区)
沪ICP备11025650号