使用jQuery获取数据属性值列表

Question

我正在尝试捕获此页http://wearemadeinny.com/find-a-job/上data-hiringurl属性的所有值。

我在控制台中尝试了var data = $("li").attr('data-hiringurl');和var data = $("li").data('hiringurl');，但得到了TypeError: undefined is not a function

所有数据属性都在<li>元素中，但它们没有共同的ID。

Answer 1

您无法执行此操作，因为内容来自另一个域http://mappedinny.com/

的iframe

<iframe src="http://mappedinny.com/" height="900" width="100%%" frameborder="0" scrolling="no"></iframe>

这是您尝试访问时应该获得的错误

$('iframe').contents().find('li[data-hiringurl]').val()
SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://wearemadeinny.com" from accessing a cross-origin frame.

<强> 更新

如果这是为了您自己的网络抓取目的，请尝试在浏览器配置中禁用相同的原始策略。以下链接将帮助您禁用相同的原始政策

Chrome：Disable same origin policy in Chrome

Firefox：Disable firefox same origin policy

Answer 2

您可以使用：

var data = $("li[data-hiringurl]");