同じDivを複数回使用してAjaxを呼び出す方法

Question

私のindex.phpファイルに以下のコードでajaxを呼び出しています。

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#counting").click(function(){ 
      $.ajax({ 
       type: 'POST', 
       url: 'https://example.com/update.php', 
       data: {url: '<?=$url?>'}, 
       success: function(data) { 
        // alert(data); 
        //$("p").text(data); 

       } 
      }); 
    }); 
}); 
</script> 

それは完璧に働いていますが、問題は、私がページに複数回を数えると呼ばれるDIVいる です。 例

<div id="counting"> 
<a href="example.com">example</a> 
</div> 

<div id="counting"> 
<a href="example.com">example</a> 
</div> 

号 - Ajaxの呼び出しだけではないのdivの下に、最初のdivで動作します。 IDカウントを持つすべてのdivで動作させる方法

Answer 1

Id属性は一意であると考えられます。 DOMが一度それを見たら、それは条件に合致し、さらに検索しないので、最初にdivを呼び出すだけです。私はdivの一意のIDを与え、それらのすべてのクラスについて同じクラスを使用することをお勧めします。

<div id="div1" class="counting_class"> 
<a href="example.com">example</a> 
</div> 

<div id="div2" class="counting_class"> 
<a href="example.com">example</a> 
</div> 

次に、あなたのjQueryのは、このようなものになります。

$(".counting_class").click(function(){ 
    var id = $(this).attr('id'); 
//then call ajax based on the individual ID 
}