获取自定义数据属性值并在jQuery中作为文本返回

时间:2017-11-15 18:13:11

标签: javascript jquery

我正在尝试通过set /?从Flickr发布的图片中获取图片,并在添加标记名称时苦苦挣扎,因为它们存储在自定义$.getJson()属性中:

HTML

data-tag

由于每个画廊行应该由带有这些标签的四个随机图片组成,我想设置一个变量,从data-tag获取这些标签名称,但我不确定如何到达它们。

JS / jQuery的

<div data-tag="sun" class="gallery component"></div>
<div data-tag="moon" class="gallery component"></div>
etc...

我已经尝试了$(document).ready(function() { var flickrAPI = "http://https://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?"; var tagprop = $().text(); var flickrTags = { tags: tagprop, format: "json" }; $.getJson(flickrAPI, flickrTags, flickrDisp) }); ,但可能放错了地方,因为它不起作用。这可能是非常简单的事情,只是因为我缺乏这方面的定位。

1 个答案:

答案 0 :(得分:0)

要获取数据属性值,请尝试

$(elem).data("propName");

在你的情况下,它将是

<div data-tag="sun" class="gallery component"></div>
var tagValue = $("div").data("tag");

(jQuery&gt; = 1.4.3)