JQuery类选择器,选择带“ - ”的元素(连字符)

时间:2015-02-06 23:25:57

标签: jquery css class selector hyphen

我遇到了一个我无法理解的麻烦。

我正在更新网站(不是由我编写)并尝试修复一些问题。 在JS脚本文件中的某处,可以在特定元素中添加内联CSS属性高度。这需要删除。 已经找到它被执行的地方。

在HTML中,我有一些带有类的元素" swipe-control" ,"向右滑动" ,"向左滑动"和"刷卡"

我在JS文件中唯一的代码与" swipe"相关。是下面的那个

jQuery('.swipe').height(jQuery(window).height());

更改此内容以查找找到的对象数量:

jQuery('.swipe').each(function(){
  jQuery(this).height(jQuery(window).height());            
  console.log(">>>>> ");
  console.log(this);
});

所有带有课程的元素"轻扫 - *"正在以这个高度进行更新。

这是正常的吗? (已经验证过jQuery类选择器文档)

1 个答案:

答案 0 :(得分:0)

根据您的说明检查此处进行的复制。你看到,当点击标有" Run"?

的按钮时,所有或多个div都会改变它的高度

如果你看到多个div改变它的高度,那么是的,这是浏览器的异常行为,而不是jQuery。如果你只看到一个高度增加的div,那么你做对了。

更新

另外,请确保您的

"swipe-*"
课程实际上不是
"swipe -*" like "swipe -left"



function changeSwipe(){
  $(".swipe").height(300);
}

.box {
  width: 200px;
  height: 100px;
  background: red;
  border: 1px solid;
  float: left;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="swipe box">swipe</div>
<div class="swipe-right box">swipe-right</div>
<div class="swipe-whatever box">swipe-whatever</div>
<div class="no-swipe box">no-swipe</div>
<button onclick="changeSwipe();">Run</button>
&#13;
&#13;
&#13;