Question

我有一个具有动态图像视图的静态页面。我试图仅提取图片网址而不是图片网址。

  <li class="image
             item itemNo0 selected maintain-height"><span class="a-list-item">
                <span class="a-declarative" data-action="main-image-click" data-main-image-click="{}">
                    <div id="imgTagWrapperId" class="imgTagWrapper">

                        <img alt="Libbey Vina Stemless Red Wine Glasses, 16.75-Ounce, Clear, Set of 4" src="  <!-- probably some hash function or something like that --> 


" data-old-hires=""  class="a-dynamic-image  a-stretch-vertical" id="landingImage" data-a-dynamic-image="{&quot;http://ecx.images-amazon.com/images/I/11T7HAGXXVL.jpg&quot;:[160,160]}" style="max-width:160px;max-height:160px;">
                    </div>
                </span>
            </span></li>

我想只获得此链接：

http://ecx.images-amazon.com/images/I/11T7HAGXXVL.jpg

这是网页：

http://www.amazon.com/Libbey-Stemless-Glasses-16-75-Ounce-Clear/dp/B00KIG3UZ8/ref=sr_1_1?s=kitchen&ie=UTF8&qid=1413005036&sr=1-1&keywords=glass

正在尝试使用$("#landingImage").value("data-a-dynamic-image");

但是它开始从它自己的网站上提取大量信息。我只需要链接作为文本。

我应该使用什么？

Answer 1

您data-a-image属性似乎是以URL作为键的对象。试试这个：

var data = $("#landingImage").data("a-dynamic-image");
for(key in data)
    var url = key;

这将返回URL。

说明：您可以使用data功能访问任何数据属性。例如：data-length可以使用data('length')进行访问。同样，您可以使用attr('data-length')。没有名为value()的功能！它是val()函数返回节点值，而不是属性值。将其视为返回以跨度写入的文本而不是跨度的属性，例如id，class等。

Answer 2

尝试$（＆＃34;＃landingImage＆＃34;）。getAttribute（＆＃34; data-a-dynamic-image＆＃34;）;

通过JQuery拉取图像URL的自定义属性

2 个答案: