javascript - 如何通过搜索该元素的另一个属性来找到该元素的属性

Question

我试图通过按名称查找同一元素的不同属性来访问元素的属性值。

这是一些代码:

<option data-img-src="http://example.com/pic.jpg" value="Pool Party 21" pdf-data="http://example.com/myPDF.pdf"></option>

<img class="image_picker_image" src="http://example.com/pic.jpg">

这是一些 PHP，我尝试获取该图像的 SRC，并将其存储为变量。然后，尝试找到另一个元素，其中图像的 SRC(先前存储的变量)是一个名为 data-img-src 的属性，该属性保存该值。

最后，我尝试将名为“pdf-data”的找到元素属性作为字符串存储在另一个变量中。

pdfbgImage = $('.tab-pane.active div.thumbnail.selected').children('img').attr('src');
pdfURL = $("[data-img-src=pdfbgImage]").attr('pdf-data');

我不相信我的代码是正确的。有人可以帮忙吗？

Answer 1

您必须将第一个变量连接到第二个选择器

var pdfbgImage = $('.tab-pane.active div.thumbnail.selected').children('img').attr('src');
var pdfURL     = $("[data-img-src='"+pdfbgImage+"']").attr('pdf-data');