JQuery 类选择器，选择带有 "-"(连字符)的元素

Question

我遇到了一个我无法理解的问题。

我正在更新一个网站(不是我写的)并试图解决一些问题。 在 JS 脚本文件的某处，有一些东西可以在特定元素中添加内联 CSS 属性高度。这需要删除。 已经找到它正在执行的位置。

在 HTML 中，我有类为“swipe-control”、“swipe-right”、“swipe-left”和“swipe”的元素

我在 JS 文件中与“滑动”相关的唯一代码是下面的代码

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

已将此更改为查找找到了多少个对象:

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

所有类为“swipe-*”的元素也都更新为这个高度。

这正常吗？ (已验证的 jQuery 类选择器文档)

Answer 1

根据您的描述检查这里所做的复制。您是否看到，当单击标有“运行”的按钮时，所有或多个 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>