页面中有4个图片。
<img id="1" src="" class="imgcss">
<img id="2" src="" class="imgcss">
<img id="3" src="" class="imgcss">
<img id="4" src="" class="imgcss"><script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".imgcss").click(function(){
              问题是:这里我要选择被点击的那个图片,如何选取?
});
});
</script>

解决方案 »

  1.   


    $(document).ready(function(){
    $(".imgcss").click(function(){
    //问题是:这里我要选择被点击的那个图片,如何选取?
    //使用this关键字可以获取点击图片的引用
    alert(this.src);
    });
    }); 
      

  2.   

    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $(".imgcss").click(function(){ 
    alert(this.id);//this指向被点击的那个图片
    }); 
    }); 
    </script>
      

  3.   

    this就是了,然后你想得到什么,根据属性获得
      

  4.   

    我把代码贴出来
    <img src="images/1.jpg" width="89" height="29" border="0" id="imgProInfo_01" class="imgTitle" />
    <img src="images/2.jpg" width="89" height="29" border="0" id="imgProInfo_02" class="imgTitle" />
    <img src="images/3.jpg" width="89" height="29" border="0" id="imgProInfo_03" class="imgTitle" />
    <img src="images/4.jpg" width="76" height="29" border="0" id="imgProInfo_04" class="imgTitle" /><script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $(".imgTitle").click(function(){
    $(".imgTitle").attr("src",function(){ return this.src.replace("images/0","images/")});
    this.src=(this.src).replace("images/","images/0");
    });
    });
    </script>为什么在火狐中浏览是正确的。
    但在IE中浏览,只有点击第一个图片会改变,点击后三个没有变化的?