如何根据标题或alt为图像添加class/id

Question

我有这个老网站，需要一些修复，但他们需要快速。

现在我有了这个带有 的图像我将使用以下代码更改源代码:

$("img").click(function(){
// Change src attribute of image
$(this).attr("src", "images/card-front.jpg");
});    

但是我不能选择图像，因为它是动态内容。

我如何添加一个类或ID到这个图像，基于它的标题或alt?

Answer 1

如果是动态创建的，监听document。
也不推荐使用.click()。使用.on():

$(document).on("click", '[alt="Schwimmbäder"]', function(){
// Change src attribute of image
$(this).attr("src", "https://via.placeholder.com/200x200");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Click the image:</p>
<img src="unknown" title="Schwimmbäder" alt="Schwimmbäder">

Answer 2

将标题和类设置为图像，然后使用这个新类来处理点击事件:这就是你如何做到的…

$('img[title="imgTitle"]').addClass("newClass");
$('.newClass').click(function(){
$(this).attr("src", "https://homepages.cae.wisc.edu/~ece533/images/peppers.png");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img width="250" title="imgTitle" src="https://homepages.cae.wisc.edu/~ece533/images/fruits.png" />