将所有图像更改为其自定义属性

时间:2017-03-05 11:06:38

标签: jquery html

我想将点击的所有图片更改为自定义属性,例如,如果您点击1a.jpg,它将更改为1b.jpg。

<!DOCTYPE html>
<html>
<head>
    <style type="text/css"> img {width:100%;} </style>
</head>
<body>
    <img src="1a.jpg"  alt-pic="1b.jpg">
    <img src="2a.jpg"  alt-pic="2b.jpg">
    <img src="3a.jpg" alt-pic="3b.jpg">
<script type="text/javascript"
 src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script type="text/javascript">
$('img').click(function() {
$(this).attr("src", alt-pic)
});
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

你的意思是

$(function() {
 $('img').click(function() {
   var $this = $(this);
   $this.attr("src", $this.attr("alt-pic"));
  });
});