如何从父类中addClass为部分部分
如何从父类中addClass为部分部分
提问于 2018-02-22 17:58:52
我有这个代码，想复制数字1,2,3...gal1类的。gal2，gal3..以及addClass的“特色图像”。它不能计数，因为类ga1、gal2、gal3..是手动插入的，没有顺序。因此，我必须将父类galX和addClass的编号获取到a.feature-imageX。
$('.gal1').find( 'a[href]' ).addClass( 'featured-image1' );
$('.gal2').find( 'a[href]' ).addClass( 'featured-image2' );
$('.gal3').find( 'a[href]' ).addClass( 'featured-image3' );
$('.gal4').find( 'a[href]' ).addClass.....and so on.我找了又想，但还是没有解决方案。
Stack Overflow用户
回答已采纳
发布于 2018-02-22 18:10:04
就像这样简单：
$('div[class^="gal"]').each(function(){
// in here $(this) is the div[class^="gal"] element
$(this).find('a[href]').addClass(
'featured-image' +
$(this).attr('class').replace (/[^\d.]/g, '') // get the number from the classname from div[class^="gal"]
);
});/* only to show the class with the number gets added */
.featured-image1 { color: orange; }
.featured-image2 { color: green; }
.featured-image3 { color: fuchsia; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="gal1">
<div class="blubb">
<p><a href="#">A TAG</a></p>
</div>
</div>
<div class="gal2">
<div class="blubb">
<p><a href="#">A TAG</a></p>
</div>
</div>
<div class="gal3">
<div class="blubb">
<p><a href="#">A TAG</a></p>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48924432
复制相关文章
相似问题
腾讯云开发者
