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

原文 标签 jquery css class selector hyphen

我在这里遇到无法理解的麻烦。

我正在更新一个网站(不是我写的),并试图解决一些问题。
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类选择器文档)

最佳答案

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

关于jquery - jQuery类选择器,选择带有“-”(连字符)的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28376575/

相关文章:

c++ - 什么在 C++ 中使用更多内存? 2 个整数还是 2 个函数?

javascript - 在 .SlideToggle() 时更改 .CSS()

jquery - 包含用于 Jquery 的图形库时,$ 是 WordPress 中的未定义错误

HTML 非方形布局设计问题

CSS:如何将具有不同 z-index 的背景拉伸(stretch)到页面内容的高度

html - div大小和溢出

java - Eclipse错误:<类名称>无法解析为类型

C#如何找到一个类的非创建对象?

jquery - jQueryUI datepicker格式化日期范围,在新日期清除其伙伴

javascript - 浏览器监听多个按键 js