Javascript 使用jquery动态添加类
我试图使用jQuery将类last动态添加到每一行,如下所示Javascript 使用jquery动态添加类,javascript,jquery,html,Javascript,Jquery,Html,我试图使用jQuery将类last动态添加到每一行,如下所示 <div class= "news-row"> <article class="news-container fixed-page"> blah blah</article> <article class="news-container fixed-page"> blah blah2</article> </div> 废话 胡说八
<div class= "news-row">
<article class="news-container fixed-page"> blah blah</article>
<article class="news-container fixed-page"> blah blah2</article>
</div>
废话
胡说八道
下面是jquery
<script type="text/javascript">
$(document).ready(function () {
$('article.news-container :nth-child(2n)').addClass('last');
});
</script>
$(文档).ready(函数(){
$('article.news-container:nth child(2n)').addClass('last');
});
这不会添加该类。任何帮助都将不胜感激。
我希望每隔一秒添加一个“last”元素。尝试使用and选择器
$('article.news-container:even').addClass('last');
尝试使用和选择器
$('article.news-container:even').addClass('last');
文章
节点本身不是子节点,因此选择器不起作用。改为从父节点开始(其子节点是一个文章节点本身不是子节点,因此选择器不起作用。改为从父节点开始(其子节点是在选择元素后不给空间)
$(document).ready(function () {
$('article.news-container:nth-child(2n)').addClass('last');
});
选择元素后不要给空格
$(document).ready(function () {
$('article.news-container:nth-child(2n)').addClass('last');
});
您忘记了第一行的双引号,也不要在选择器前添加空格(:n子项)
代码笔链接如下
HTML:
<div class="news-row">
<article class="news-container fixed-page"> blah blah</article>
<article class="news-container fixed-page"> blah blah2</article>
</div>
JS:
$('article.news-container:nth-child(2n)').addClass('last');
您忘记了第一行的双引号,也不要在选择器前添加空格(:n子项)
代码笔链接如下
HTML:
<div class="news-row">
<article class="news-container fixed-page"> blah blah</article>
<article class="news-container fixed-page"> blah blah2</article>
</div>
JS:
$('article.news-container:nth-child(2n)').addClass('last');
您试过调试选择器吗?您有一个$
对象用于文章。新闻容器:第n个子(2n)
。检查它使用控制台解决了什么问题。log
。使用:甚至是而不是第n个子项
。是否尝试调试选择器?您有文章的$
对象。新闻容器:第n个子项(2n)
。使用控制台检查它解析为什么。log
。使用:偶数
而不是第n个子项
。还有两个其他元素继承了父项感谢还有两个其他元素继承了父项感谢感谢感谢您的解决方案以及使用第n个和奇数选择器的@Ashoks建议,即faster?快得多。但它真的不应该太令人担心。使用对你来说最有意义的运算符。@ColinDeClue你能提供一个参考/测试吗?我倾向于使用最显式的运算符只是为了可维护性,但如果有明显的性能优势,2n
是可以自我解释的。@Diin不用担心…选择whichever最适合你,这就是这个网站的全部内容!无论如何,很高兴能帮助你,并与你见面。@Basic:我在第一条评论中添加了一个链接。速度快得多,但你应该知道,在这种情况下,没有理由担心速度。我想你不会在一个循环中多次这样做,而且速度差对于一个人来说非常小用法:不可能注意到。谢谢你的解决方案和@Ashoks推荐的使用第n个和奇数选择器的方法一样有效,速度更快?更快。但这真的不应该引起太大的关注。使用对你来说最有意义的方法。@ColinDeClue你能提供一个参考/测试吗?我倾向于使用最显式的运算符只是为了可维护性,但如果有明显的性能优势,2n
可以说是不言而喻的。@Diin不必担心…选择最适合你的,这就是本网站的全部内容!无论如何,很高兴能帮助你,并与你见面。@Basic:我在第一条评论中添加了一个链接。速度快得多,但你应该知道没有理由担心关于这种情况下的速度。我假设你不会在一个循环中多次这样做,而且速度差对于一次使用来说是如此之小,以至于不可能注意到。感谢你修复了我的代码,你的解决方案与我最初的尝试最接近,因此会给你提示。感谢你修复了我的代码,你的解决方案是最接近to我最初的尝试,因此会给你打勾