jQuery没有指向我需要的div
jQuery没有指向我需要的div
提问于 2013-01-20 20:20:58
这是一个简单的问题，我敢肯定，但我想不出如何让它工作。我已经尝试了.next()和.nextAll()，但都没有用。我能想到的唯一一件事是，由于代码的流动，我正在尝试的函数不能工作。不管怎样，下面是jquery和html。我只是想让表单框在点击下载时淡入。
HTML：
<div class="pdfs">
<div class="pdf-left">
<div class="image">
<img src="images/pdfs/macrolux/1.jpg" width="100" height="79">
</div>
<div class="text">
<div class="view">View</div>
<div class="download">Download</div>
</div>
</div>
<div class="pdf-right">
<div class="image">
<img src="images/pdfs/macrolux/2.jpg" width="100" height="79">
</div>
<div class="text">
<div class="view">View</div>
<div class="download">Download</div>
</div>
</div>
</div>
<div class="form-box">
Form
</div>jQuery：
$(document).ready(function(){
$('div.download').on('click', function(){
$(this).next('div.form-box').fadeIn('slow');
});
});Stack Overflow用户
发布于 2013-01-20 20:24:51
你没有$(this).next()，你可以在chrome/firefox中测试它：
console.log($('div.download').next());要获得正确的div，请尝试：
$(document).ready(function(){
$('div.download').on('click', function(){
$(this).parent().parent().parent().next().fadeIn('slow');
});
});或者，如果您只想隐藏一个form-box：
$(document).ready(function(){
$('div.download').on('click', function(){
$('div.form-box').fadeIn('slow');
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14424459
复制相关文章
相似问题
腾讯云开发者
