javascript foreach onclick

Question

<? foreach($words as $word): ?>
<li>
    <button onClick="reply_click()">Show</button>
    <h4><?php echo $word['Word']['en_words'] ?></h4>
</li>
<? endforeach; ?>
<script>
function reply_click() {
    $("h4").toggle("slow");
}
</script>

当我单击“按钮”时 - 在每个 foreach 中显示所有内容，但必须仅在一个 foreach 中显示。我必须在哪里使用“this”才能使该脚本起作用？

Answer 1

不要使用内联处理程序。

更好的方法:

$('ul').on('click', 'button', function() {
    $(this).next('h4').show();
});