javascript - 我如何获得类(css)数组的索引
问题描述
我怎样才能得到索引,
document.getElementsByClassName("selected")[i].css("background-color", "green");
不工作
$(function(){
$("#but").click(function () {
var corr = $(".lblcorrectans");
var selected = $(".selected");
for (var i = 0; i < model.length; i++) {
if (corr[i].innerHTML == selected[i].innerHTML) {
document.getElementsByClassName("selected")[i].css("background-color", "green");
}
else {
document.getElementsByClassName("selected")[i].css("background-color", "red");
}
}
});
});
解决方案
getElementsByClassName将返回一个列表,Html Collection
如果特定元素存在于Collection
.
[注意]
但是,您正在使用实际不存在的withcss
的功能。这是您应该如何使用. 你基本上需要使用Jquery的EQ APIjQuery
Html Element
Jquery
$('.para').eq(0).css({'background-color': 'red'}) // eq(i) or whatever the index is
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="para">First Para</p>
<p class="para">Second Para</p>
推荐阅读
- excel - 使用Excel VBA加载IE11不兼容的网站
- django - 如何使某些字段只能由 Django 中的某些类型的用户访问?
- c# - 在等待 GetAsync 的结果时定期做一些事情
- c - 当我要标记超过 10 个字符时,我正在制作的词法分析器中出现损坏的最大尺寸错误
- python - 当值的长度与索引的长度不匹配时如何填充 nan?
- javascript - Firefox MIME 嗅探西里尔字母扩展
- node.js - 无法在谷歌存储中存储 gzip 文件
- reactjs - React Js ErrorBoundary 仅适用于主要布局组件,不适用于嵌套组件
- ruby-on-rails - 使用 webpack 问题在 Rails 中集成本地 backstopjs
- java - 在实时人脸检测 Android 中的 Live CameraPreview 上围绕人脸绘制矩形