jquery在php循环中单击函数

Question

我在php中有一个foreach循环,如下所示.

<?php
    $i = 0;
    foreach ($query as $value) { ?>
    <button id="show[<?php echo $i;?>]" class="btn btn-success" type="button">View</button>
    <div id="blah[<?php echo $i;?>]">Joel</div>
<?php 
    $i++ 
 } ?>

现在这个循环工作正常,我得到每个按钮和具有唯一ID的div的id.但我想添加一个jquery点击功能,如下所示.

$("#show").click(function(){
$("blah").hide();
});

但是因为它在一个循环中并且与它们有不同的id如何为每个按钮添加这个jquery函数？

Answer 1

$(".btn").click(function(){
 var id = $(this).attr('id');
 var n = id.replace("show",'');
 $("#blah"+n).hide();
});

还可以使用此代码替换按钮

<button id="show-<?php echo $i;?>" class="btn btn-success" type="button">Clear</button>
<div id="blah-<?php echo $i;?>">Joel</div>