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

使用jQuery，#parent元素的子元素将用类.west获取，这里不需要获取内容，但需要获取子元素的类与类.westjQuery从数组中获取，存储和使用子类元素的类

例

<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 ，孩子2，孩子3，孩子4，孩子5 并进一步他们将用于例如child1的css将被改变使用jQuery。我真的不知道如何在jQuery中使用数组。感谢

来源

2011-04-16 Suraj Thapar

类似http://jsfiddle.net/FVDgD/ – Rafay 2011-04-16 17:06:33

@ 3nigma其实很好的尝试，但我希望child1，child2 ... child5作为一个类，而不是文本，这将进一步用于定制。 – 2011-04-16 18:15:42

这并不清楚你想要什么，你说*的结果将是child1，child2，child3，... *，但你说他们希望他们作为*类不是文本*，在另一个地方你谈论一个数组，.. .. – 2011-04-16 18:38:23

如果你需要在数组中的元素的类，你可以使用map，像这样：

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

正则表达式与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')); 
});

请看仔细the documentation和play around with the code让这些作品是如何工作的代码的的感觉。

来源

2011-04-16 17:57:15

我没有得到第二部分的使用..只是不清楚。我想要做的就是获取该类，然后从该类的css中获取'background-image'。进一步使用'background-image' URL。 – 2011-04-16 18:22:42

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

回答

相关问题