Question

简要说明：在单击图像时，我想使用event.target更改其src属性。

我正在尝试使用下面的代码实现相同的目的，但是它不起作用，请指导我哪里出了问题。

$(".sim-row-edit-img").click(function(){
	alert("Image clicked");
	$("event.target").attr("src","https://cdn.iconscout.com/icon/free/png-256/car-location-find-navigate-gps-location-29571.png");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="sim-row-edit-img" border="0" alt="W3Schools" src="http://icons.iconarchive.com/icons/dtafalonso/android-l/256/WhatsApp-icon.png" width="100" height="100">

Answer 1

event.target是一个对象，因此请删除event.target中的引号

$(".sim-row-edit-img").click(function() {
  alert("Image clicked");
  $(event.target).attr("src", "https://cdn.iconscout.com/icon/free/png-256/car-location-find-navigate-gps-location-29571.png");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="sim-row-edit-img" border="0" alt="W3Schools" src="http://icons.iconarchive.com/icons/dtafalonso/android-l/256/WhatsApp-icon.png" width="100" height="100">

Answer 2

您应该使用$(this).attr()，因为$('event.target')不会给您有效的jQuery对象。使用$(this)将为您提供所单击元素的引用，然后您可以更改该元素的src属性。

$(".sim-row-edit-img").click(function() {
  alert("Image clicked");
  $(this).attr("src", "https://cdn.iconscout.com/icon/free/png-256/car-location-find-navigate-gps-location-29571.png");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="sim-row-edit-img" border="0" alt="W3Schools" src="http://icons.iconarchive.com/icons/dtafalonso/android-l/256/WhatsApp-icon.png" width="100" height="100">

要使用event.target，您需要将event对象传递给函数，而无需使用$(event.target)，只需使用event.target.src = 'value'。

$(".sim-row-edit-img").click(function(event){
	alert("Image clicked");
	event.target.src = "https://cdn.iconscout.com/icon/free/png-256/car-location-find-navigate-gps-location-29571.png";
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<img class="sim-row-edit-img" border="0" alt="W3Schools" src="http://icons.iconarchive.com/icons/dtafalonso/android-l/256/WhatsApp-icon.png" width="100" height="100">

更改event.target src属性

2 个答案: