我正在使用这段 javascript 向多个元素添加一个类。我试图引用多个 div 并向它们添加类。它只适用于第一个。
JavaScript
<script>
$(function(){
if ( $(window).width() < 230 ) {
$('#item1').addClass('col1'); //max-width 80px
}
else
if ( $(window).width() >= 230 && $(window).width() < 330 ) {
$('#item1').addClass('col2'); //max-width 180px
}
else
{
$('#item1').addClass('col3'); //max-width 280px
}
});
</script>
如果我在页面上只有一个#item1,它就可以工作,但它似乎不想将该类添加到同一 div id 中存在的多个项目中。我什至尝试将类添加到同一 div 类中存在的多个项目而不是 id 中。如果你能弄清楚的话,这两种方法对于MW来说都是一个很好的解决方案。
我的 HTML 代码是
<div id="item1" class="blue">
<label for="amount">Price range:</label>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
<div class="slider-range"></div>
</div>
<div id="item1" class="blue">
<label for="amount2">Price range:</label>
<input type="text" id="amount2" style="border:0; color:#f6931f; font-weight:bold;"/>
<div class="slider-range2"></div>
</div>
我已经尝试解决这个问题几个小时了,所以我想我应该问问是否有人可以为我指出正确的方向。提前致谢。
ID 应该是唯一的。尝试添加一个类,例如“item”:
<div class="blue item">
...etc...
</div>
然后在你的JS中:
$('.item').addClass('col1');
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)