sharethis和jQuery幫助

Question

我有一些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> 

我想一個sharethis郵件鏈接到的.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有。

我完全失去了。

Answer 1

嘗試這樣：

$(".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出版商關鍵的，但概念應該工作）