jQuery / Javascript - 基于它的src在图像上设置单击操作

Question

我有一些图片，我无法在HTML中添加ID或链接。

我想知道是否有办法编写一些脚本，根据它的src将链接应用于图像。

例如，

如果图像src是“http://www.my-image/img1.jpg”，请将其链接到X. 如果图像src为“http://www.my-image/img2.jpg”，请将其链接到Y。

希望有人可以提供帮助。

感谢。

Answer 1

src是img标签的一个属性。 jQuery有很多属性选择器：

src属性值等于＆＃34; myPic.jpg＆＃34;

的所有图像

$("[src$='.jpg']")

所有元素的src属性值以＆＃34; .jpg＆＃34;

结尾

$("[src^='myPic']")

所有具有src属性值的元素以＆＃34; myPic＆＃34;

开头

$("[src*='myPic']")

所有具有src属性值的元素包含单词＆＃34; myPic＆＃34;

$("[src!='myPic.jpg']")

所有src属性值不等于＆＃34; myPic.jpg＆＃34;

的元素

$("img[src='http://www.my-image/img1.jpg']").attr('onclick', 'window.location="X"');

Src：https://www.w3schools.com/jquery/jquery_ref_selectors.asp

所以要回答你的问题，你可以选择你的图像：

$("img[src='http://www.my-image/img2.jpg']").attr('onclick', 'window.location="Y"');

和

$("img[src$='img1.jpg']").attr('onclick', 'window.location="X"');

或者，仅查看文件名结尾可能更有意义：

$("img[src$='img2.jpg']").attr('onclick', 'window.location="Y"');

和

ReactDOM.render(
  <Modal />,
  document.body.appendChild( document.createElement( 'div' ) ),
)