jQuery从数组中获取、存储和使用子类元素

jQuery fetch, store and use the class of child elements from an array

本文关键字：子类 元素 存储 数组 获取 jQuery      更新时间：2023-09-26

使用jQuery, #parent元素的子元素将以.west类获取，这里不需要获取内容，而是需要获取.west类的子元素的类

<div id="parent">
  <div class="child1 west"></div>
  <div class="child2 west"></div>
  <div class="child3 west"></div>
  <div class="child4 west"></div>
  <div class="child5 west"></div>
  <div class="child6"></div>
  <div class="child7"></div>
  <div class="child8"></div>
  <div class="child9"></div>
</div>

的结果将是:

child1, child2, child3, child4, child5例如，使用jQuery更改child1的css。

我真的不知道如何使用jQuery数组。由于

如果需要数组中元素的类，可以使用map，如下所示:

var classArr = $('#parent > .west').map(function(){
    return this.className.match(/'bchild'd'b/)[0];
}).get();

regex匹配以child加上单个数字开头的任何单词。可以使用attr函数修改类:

$('#parent > .west').attr('class', function(index, value){
    var currentClass = value.match(/'bchild'd'b/)[0];
    return this.className.replace(currentClass, currentClass.replace(/'d/, '10'));
});

请仔细阅读文档并使用代码来感受这些代码是如何工作的。

相关文章：