javascript - 在 javascript 中对类进行 +1 递增

Question

嗨，我正在做一个 PHP 循环，我设置了一个类，这个循环创建了一个项目列表，每个项目都有一个“共享”按钮，该按钮将打开一个窗口，(div 显示:无)javascript 打开这个 div，它工作完美..

我的问题是，此刻我插入了 <script>循环内的代码，因此每个项目都有自己的 <script></script>代码...

有什么方法可以只执行一个操作并将该代码从 php 循环中取出，以便我可以改进代码。

  <script>
  $('a.sharebtnc').click(
            function(event) {
                event.stopPropagation();
                $('div.redescompartir').fadeToggle(300);

            }
        );
  </script>

在循环井中，我只需向类添加像这样的 id (id :32 )

  <script>
  $('a.sharebtnc32').click(
            function(event) {
                event.stopPropagation();
                $('div.redescompartir32').fadeToggle(300);

            }
        );
  </script>

如何让这个脚本适用于所有元素，无论 id 号如何，我不知道，但我知道这是正确的方法，对吗？

HTML 非常简单，每个项目都是相同的...我的意思是每个项目都有自己的 div 与 <a href="" > </a>元素

<a href="#" class="sharebtnc(id)"> 
<div class="redescompartir(id)">
<a href="" >Twitter </a>
<a href="" >Facebook </a>
<a href="" >Google </a>
<a href="" >Foursquare </a>
</div>

Answer 1

向输入元素添加新的类和属性，例如

而不是

<a class="sharebtnc32" />

使用

<a class="sharebtnc sharebtnc32" data-id="32"/>

然后

jQuery(function ($) {
    $('.sharebtnctl').click(function (event) {
        event.stopPropagation();
        $('.redesopenclose' + $(this).data('id')).fadeToggle(300);
    });
})