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

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" 的 found-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');

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

How to find an element attribute through searching for another attribute of that element

html

javascript

attributes

element