Jquery 按名称/alt标记匹配元素并获取相应的数据

为澄清而编辑---

我有一个博客，其中有一些图片，我想根据Shopify创建的数组自动链接到商店产品

对于jQuery和JSON，我并不完全精通，但我觉得这一定是可以做到的。有什么建议吗？我不希望编写完整的代码，但任何帮助都是非常好的

每个图像将大致按以下方式放置（JSON输出中的预数据填充）：

博客的用户会给图片加上alt标记“Avignon”。 jQuery将识别出这一点，然后通过将其与“title”属性匹配（如上所述），从JSON输出中识别出相应的对象

然后jQuery将使用JSON对象中的“handle”属性填充标记“href”属性

然后jQuery将使用JSON对象的“title”属性填充innerHTML

下面是一个图表来说明：

---

为了实现您的目标，您可以使用它来获得更好的性能和一致性。使用jQuery将要比较的内容存储在

data-*

属性中，并按照您的方式使用它。

我不理解这个问题，但绝对不要使用“alt”属性。“alt”属性是一种可访问性功能，用于为无法查看图像的用户提供图像的文本描述。谢谢。这可能是我战斗的一部分。我确实澄清了最初的问题，如果您愿意的话，我将非常感谢您的帮助。再次感谢！

<a href="">
<span class="title-overlay"><span>
<img alt="PRODUCT TITLE" src="/images/image.jpg">
</a>

{"products":[{
"id":6392068867,
"title":"Avignon",
"vendor":"FBRC 04",
"product_type":"Jackets",
"created_at":"2016-05-02T11:10:09-07:00",
"handle":"avignon",
"updated_at":"2016-10-31T11:41:25-07:00",
"published_at":"2016-01-04T15:16:00-08:00",
"template_suffix":"",
"published_scope":"global",
"tags":"",
}]}