Question

这是我到目前为止的代码：

$("#left").attr("class", "glyphicon glyphicon-right");

将glyphicon从左箭头更改为右箭头，这很好用，但现在我想更改图片，仍然使用.attr函数。但不是使用

.attr("CLASS".....)

我想使用id选择器。我似乎无法为此获得正确的语法。这就是我现在所拥有的：

$(".overlay").click(function(){
var id = "image"+$(this).attr('id');
console.log(id);
return id;
})
$("#big").attr('id', "#"+id);

Answer 1

与你的class属性采用两个空格分隔的类名而不是两个类选择器（即glyphicon glyphicon-right，而不是.glyphicon.glyphicon-right）的方式大致相同，你的id属性需要ID，而不是ID 选择器。您不需要前导#：

$("#big").attr('id', id);

此行应位于点击处理程序的末尾，而不是在其外部。 return语句不合适，应删除：

$(".overlay").click(function(){
  var id = "image"+$(this).attr('id');
  console.log(id);
  $("#big").attr('id', id);
});

Answer 2

使用$（'＃yourImageId'）。attr（'src'，'image url here'）

$(document).on('click','#mybtn',function(){
 
 $('#myimg').attr('src','https://images.unsplash.com/photo-1504519733529-35b35d10eee2');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<img id="myimg" src="https://images.unsplash.com/photo-1499949059451-9a1119d4e912" height="200" width="200"/>
<button id="mybtn" type="button">Change Image</button>

JQuery中.attr的语法是什么？

2 个答案: