javascript - 单次点击多个ID

Question

HTML + PHP

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

<input readonly class="copyTarget" id="copyTarget<?php echo $i; ?>" value="val<?php echo $i; ?>">

<span>
    val<?php echo $i; ?>
</span>

<button class="btn btn-primary" id="copyButton<?php echo $i; ?>"  onClick="reply_click(this.id, $('.copyTarget').attr('id'));">Copy</button>


<?php
  }
?>

JS

<script>
    function reply_click(clicked_id, target_id) {
        alert(clicked_id);
        alert(target_id);
    }
</script>

我想要什么

我想根据循环周期获取 copyTarget 和 copyButton 的两个值。这意味着

如果 $i = 3 的当前值

然后我想要像这样的警报值，

clicked_id = copyTarget3
target_id = copyButton3

我目前得到的是，

如果当前值为$i = 3

然后我想要像这样的警报值，

clicked_id = copyTarget0
target_id = copyButton3

它取最初存储的 ID(copyTarget) 的第一个值。我想要电流循环周期值。

任何帮助都行

谢谢

Answer 1

为什么在处理程序中使用 JS？

尝试:

onClick="reply_click('copyButton<?php echo $i; ?>', 'copyTarget<?php echo $i; ?>')"

您还应该在 php 变量中存储 ID 名称(copyButton 和 copyTarget)，这样您就可以在一个地方更改它们。