页面中有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>
<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>
$(document).ready(function(){
$(".imgcss").click(function(){
//问题是:这里我要选择被点击的那个图片,如何选取?
//使用this关键字可以获取点击图片的引用
alert(this.src);
});
});
$(document).ready(function(){
$(".imgcss").click(function(){
alert(this.id);//this指向被点击的那个图片
});
});
</script>
<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中浏览,只有点击第一个图片会改变,点击后三个没有变化的?