如何在 jquery 选择器中连接字符串和变量？

Question

<?phpfor($i=0;$i<5;$i++){?><button id="text<?php echo $i; ?>">hello </button><script>var i=<?php echo $i; ?>;  $(document).ready(function(){     $("#text"+i).click(function(){             alert("hello");   })})</script><?php } ?>如果我有一个id像这样的变量，并且我想使用这段代码在 jQuery 中调用它，它不会给我任何结果。哪里有问题？我怎样才能调用这样的元素button？

Answer 1

最好将脚本移出循环，一次性获取所有按钮，然后绑定单击事件：

// Create all buttons, with class "text-button"

<?php for($i=0;$i<5;$i++): ?>

  <button class="text-button" id="text<?php echo $i; ?>">hello </button>

<?php endif; ?>

<script>

// On document ready

$(document).ready(function() {

  // Find all buttons with class "text-button"

  $(".text-button").click(function(e) {

    alert("hello");

    // Log the clicked button

    console.log(e.currentTarget);

    console.log(e.currentTarget.id);

  })

})

</script>

Answer 2

并且删除$(doucment).ready()将解决您的问题。像这样。

<?php

for($i=0;$i<5;$i++){

?>

<button id="text<?php echo $i; ?>">hello </button>

<script>

var i=<?php echo $i; ?>;

     $("#text"+i).click(function(){

             alert("hello");

   });

</script>

<?php } ?>