通过jQuery的动态Facebook分享按钮

Dynamic Facebook share button via jQuery

本文关键字：分享 按钮 Facebook 动态 jQuery 通过      更新时间：2023-09-26

HTML：

<div class="views-row views-row-2 views-row-even">
  <div class="sonuc">        
    <span>lorem ipsum dolor sit amet</span>  
  </div>  
  <div class="views-field views-field-nothing">        
    <span class="field-content"><a href="#" class="share">Share</a></span>  
  </div>  <div class="sonucbg"></div>
</div>
<div class="views-row views-row-2 views-row-even">
  <div class="sonuc">        
    <span>lorem ipsum dolor sit amet 2222</span>  
  </div>  
  <div class="views-field views-field-nothing">        
    <span class="field-content"><a href="#" class="share">Share</a></span>  
  </div>  <div class="sonucbg"></div>
</div>

.JS：

$('#share').click(function() {
  var product_name = jQuery(".sonuc span").html();
  FB.ui({
    method: 'feed',
    name: product_name,
  }, function(response) {
    if(response && response.post_id){}
    else{}
  });
});

当我单击我的.share按钮时，弹出，它没问题。但是我想要，例如单击第一个共享按钮，获取该文本。

我该怎么做？

您需要

根据单击的按钮在views-row实例中隔离.sonuc span实例

试试这个：

$('.share').click(function() {    
  var product_name = $(this).closest('.views-row').find(".sonuc span").html();
  /* FB code */
});

您当前拥有的内容将始终从页面中包含的第一个.sonic获取html

相关文章：