поделитесь этим и помогите jquery - PullRequest
Новая
       36

поделитесь этим и помогите jquery

0 голосов
/ 23 августа 2011

У меня есть некоторый HTML-код, который выглядит следующим образом: 

<div class="suit-gallery">
  <img src="../images/galleries/business/DSC_0035_sm.jpg" alt="Stylish button 2 business suit with contrast buttonholes light weight high twist cool wool" width="164" height="247" />
  <div class="suit-gallery-btn">
    <a href="../images/galleries/business/DSC_0035.jpg" rel="lightbox[business]" title="Stylish button 2 suit with contrast buttonholes light weight high twist cool wool Holland &amp; Sherry from £695, choice of 90 designs/colours">Click for more information</a>
</div>
</div>

<div class="suit-gallery">
  <img src="../images/galleries/business/DSC_0010_sm.jpg" alt="Classic button 2 business suit with an out ticket pocket. Grey wool Holland &amp; Sherry Perennial" width="164" height="247" />
  <div class="suit-gallery-btn">
    <a href="../images/galleries/business/DSC_0010.jpg" rel="lightbox[business]" title="Classic button 2 suit with an out ticket pocket. Grey wool Holland &amp; Sherry Perennial from £895, choice of 120 designs/colours" >Click for more information</a>
</div>
</div>

<div class="clear">&nbsp;</div>

<div class="suit-gallery">
  <img src="../images/galleries/business/DSC_0024_sm.jpg" alt="Modern 2 button business suit grey 100% Yorkshire worsted" width="164" height="247" />
  <div class="suit-gallery-btn">
    <a href="../images/galleries/business/DSC_0024.jpg" rel="lightbox[business]" title="Modern 2 button suit 100% Yorkshire worsted from £795 choice of 85 designs/colours" >Click for more information</a>
</div>

Я хочу добавить эту почтовую ссылку в каждый экземпляр .suit-gallery-btn, но я понятия не имею, как это сделать, я бы тожекак заголовок ссылки ссылки в опции заголовка, а также URL-адрес изображения в опции изображения, ниже то, что у меня есть в настоящее время, 

jQuery(document).ready(function(){
    stWidget.addEntry({
    "service":"email",
    "element": document.getElementById('button_1'),
    "url":"http://sharethis.com",
    "title":"What do you think to this suit?",
    "type":"large",
    "text":"What do you think to this suit?" ,
    "image": "",
    "summary":""
    });
});

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

Я действительно потерян.

1 Ответ

1 голос
/ 24 августа 2011

Попробуйте что-то вроде этого: 

$(".suit-gallery-btn").each(function(){

    $(this).append("<span class='share-span'></span>"); // ShareThis button will be inserted in this span, which we are appending to each <div class="suit-gallery-btn">

    var suitLink = $(this).find('a'); // the "click more information" link. you will need the href and title from this element.

    stWidget.addEntry({
        "service":"email",
        "element": $(this).find('.share-span')[0],
        "url":suitLink.attr('href'),
        "title":suitLink.attr('title'),
        "type":"large",
        "text":suitLink.attr('title'),
        "image": suitLink.attr('href'),
        "summary":suitLink.attr('title')
    });


});

Вот сценарий JS для демонстрации: http://jsfiddle.net/RR26b/

(есть ошибки из-за недопустимых ссылок на изображения и из-за отсутствия ShareThis PublisherКлюч, но концепция должна работать)

...