Загрузка атрибута с элемента на внешнюю страницу

Question

На моей странице есть список ссылок, каждый из которых загружает новые страницы с помощью ajax. Эти новые страницы содержат галерею изображений и основное изображение. Моя цель - получить исходный url из основного изображения, чтобы показать его как миниатюру соответствующей ссылки на странице ссылки.

Я понятия не имею, как это сделать. Если бы кто-то мог указать мне в правильном направлении и, возможно, дать мне какой-то код, чтобы следовать, я был бы благодарен.

Answer 1

Вы можете загрузить внешнюю страницу с помощью jQuery.get.

$.get('my_external_page.html', function(data) { 
    // data is the pages contents. 
}); 

Затем засунуть, что в DIV

$.get('my_external_page.html', function(data) { 
    // data is the pages contents. 
    var haystack = $('<div>').html(data); 
    var needle = haystack.find('.image-we-want'); 

    var imageSrc = needle.attr('src'); 
}); 

Это начало. Конечно, предполагается, что вы можете использовать jquery, а элемент, который вы ищете, имеет класс или идентификатор.

Answer 2

Got it working. Наверное, это не самый умный способ сделать это, но он работает.

У меня есть страница, полная ссылок(). У меня также есть пустой div внизу. Код загружает иконку в эти ссылки. Ссылки указывают на новые страницы, содержащие несколько изображений. Значки - это миниатюрные версии стандартных изображений страниц.

function iconPicHandler(){ 
    var aTags = $('#linkpage a'); 
    for(var i = 0; i < aTags.length; i++){ 
     $('#invisible').load('page3.html #standardImage',function(aLink){ 
     return function(){ 
      $('<img src="'+ $('#standardImage').attr("href") +'" />') 
      .prependTo(aLink); 
     } 
     } 
    ($(atags[i])));    
    } 
    $('#invisible').hide(); 
} 

Итак, первое, что я делаю, это получить все ссылки на странице ссылок. Я поместил остальную часть кода в цикл for, и я могу сделать то же самое для всех ссылок. Затем я загружаю «#standardImage» из page3.html в «#invisible». #standardImage "- это пустой div, содержащий URL-адрес для минитипированной версии standardImage page3. URL-адрес хранится как атрибут div href. Тогда появилась сложная часть. Я не уверен, что я здесь сделал. Но как функция обратного вызова Я сделал функцию, которая принимает один аргумент, который указан в конце ($ (atags [i])). Затем эта функция возвращает новую функцию! Это позволило мне иметь доступ к атакам (ссылкам) и новостям загруженный $ ('# standardImage'). Внутри функции я извлекаю href из $ ('# standardImage') и использую его как src для изображения, добавленного к ссылке. В конце, вне цикла for, Я скрываю $ ('# invisible').

Как уже было сказано, это не очень умный способ сделать это, но он выполняет свою работу. Кто знает, может быть, это может помочь следующему новичку, идущему мимо у которых, похоже, есть аналогичная проблема.