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

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的属性，它保存该值。

最后，我尝试存储名为＆＃34; pdf-data＆＃34;的find-elements属性。作为另一个变量中的字符串。

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');