：n-不是从1开始的班级的子级
：n-不是从1开始的班级的子级
提问于 2016-09-09 14:30:47
我正在学习jQuery，但我还没有掌握:nth-child的工作原理。当我单击imgDescription类的第一次迭代时，我试图让一个div消失。奇怪的是，jQuery将2解释为第一个孩子。当我将其切换到$('imgDescription:eq(0)')时，脚本的工作情况与预期一致。有人知道为什么第n个孩子会这样工作吗？
$('.imgDescription:nth-child(2)').click(function() {
$('div').hide();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2 class="btn-primary">Learn More about Our Services</h2>
<div id="centershit">
<br>
<div class="imgDescription"><span><a href="#socialmedia">Social Media</a></span>
<div class="imgcontainer">
<img src="pics/twitter.jpeg">
</div>
</div>
<div class="imgDescription"><span><a href="#healthcare">Healthcare</a></span>
<div class="imgcontainer">
<img src="pics/health.png">
</div>
</div>
<div class="imgDescription"><span><a href="#email">Email</a></span>
<div class="imgcontainer">
<img src="pics/gmail.png">
</div>
</div>
<div class="imgDescription"><span><a href="#socialmedia">Online Shopping</a></span>
<div class="imgcontainer">
<img src="pics/amazon.png">
</div>
</div>
<div class="imgDescription"><span><a href="#socialmedia">Web Browsing</a></span>
<div class="imgcontainer">
<img src="pics/googling.png">
</div>
</div>
<div class="imgDescription"><span><a href="#device">Devices</a></span>
<div class="imgcontainer">
<img onClick="expanddevice()" src="pics/device.png">
</div>
</div>
</div>
回答 1
Stack Overflow用户
发布于 2016-09-09 14:41:46
只需从您的centershit目录中删除<br>，您的代码就可以正常工作。因为它将<br>视为centershit类的第一个子类
$('.imgDescription:nth-child(2)').click(function() {
$('div').hide();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2 class="btn-primary">Learn More about Our Services</h2>
<div id="centershit">
<div class="imgDescription"><span><a href="#socialmedia">Social Media</a></span>
<div class="imgcontainer">
<img src="pics/twitter.jpeg">
</div>
</div>
<div class="imgDescription"><span><a href="#healthcare">Healthcare</a></span>
<div class="imgcontainer">
<img src="pics/health.png">
</div>
</div>
<div class="imgDescription"><span><a href="#email">Email</a></span>
<div class="imgcontainer">
<img src="pics/gmail.png">
</div>
</div>
<div class="imgDescription"><span><a href="#socialmedia">Online Shopping</a></span>
<div class="imgcontainer">
<img src="pics/amazon.png">
</div>
</div>
<div class="imgDescription"><span><a href="#socialmedia">Web Browsing</a></span>
<div class="imgcontainer">
<img src="pics/googling.png">
</div>
</div>
<div class="imgDescription"><span><a href="#device">Devices</a></span>
<div class="imgcontainer">
<img onClick="expanddevice()" src="pics/device.png">
</div>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39405173
复制相关文章
相似问题
腾讯云开发者
