Question

我有一些具有相同类但不同id的div，还有一个加载器图像..检查我的代码：

<div class="addme" id="1">
<span class="loader">
<img class="addloader" src="loaders/addloader.gif" width="32" height="32" style="display:none;" />
</span>
</div>

<div class="addme" id="2">
<span class="loader">
<img class="addloader" src="loaders/addloader.gif" width="32" height="32" style="display:none;" />
</span>
</div>

<div class="addme" id="3">
<span class="loader">
<img class="addloader" src="loaders/addloader.gif" width="32" height="32" style="display:none;" />
</span>
</div>

我试了这个没有运气..

<script type="text/javascript">
$(document).ready(function($){
$('.addme').click(function(){
$('.addloader').fadeIn("slow");
}); 
});
</script>

那么点击每个div来显示加载器图像怎么可能呢？

Answer 1

您需要找到点击的addloader元素中的addme元素，因此请使用find()限制您的搜索范围

$(document).ready(function ($) {
    $('.addme').click(function () {
        $(this).find('.addloader').fadeIn("slow");
    });
});

演示：Fiddle

Answer 2

使用this引用（当前单击的元素）和find()来获取其中的特定加载器图像。

试试这个

<script type="text/javascript">
 $(document).ready(function(){
   $('.addme').click(function(){
     $(this).find('.addloader').fadeIn("slow");
   }); 
 });
</script>

最好避免使用数字作为id ..而是使用字符串..

点击每个div的功能

2 个答案: