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出版商关键的，但概念应该工作）