jquery - ボタンのクリック時に ShareThis のタイトルを変更する

Question

span タグを使用して、ボタンのクリック時に sharethis ボタンを fancybox にロードしています。

<div style="display:none">
    <div class="social-share">
        <span class='st_facebook_vcount' displayText='Facebook'></span>
        <span class='st_twitter_vcount' displayText='Tweet'></span>
        <span class='st_pinterest_vcount' displayText='Pinterest'></span>
    </div>
</div>

私の質問は：

クリックしたボタンに基づいて st_title を変更したり、共有コンテンツのタイトルを設定したりするにはどうすればよいですか? たとえば、私のページには基本的に投稿ごとに 1 つの共有ボタンがあるため、次のようなボタンを作成するとします。

 <a class="share-btn" href="#" data-title="First Post">Share This</a>

そして、ここで何かをしようとします:

 $('a.share-btn').on('click', function(e){
      //Change shared title

      //launch fancybox containing share <span>'s mentioned above
 }

Answer 1

data() セッターメソッドを介してタイトルを設定できます。

$('a.share-btn').on('click', function(e){
      e.preventDefault();
      var titletext='some title';
      $(this).data('title',titletext);
 }