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在页面上多次调用count。示例

 <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属性应该是唯一的。你只会得到第一个被调用的div，因为一旦DOM看到它，它就满足了它的要求并且不会进一步搜索。我建议你给divs唯一的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
}

如何多次使用相同Div调用Ajax

1 个答案: