所以我的數(shù)據(jù)庫有一個包含一列的表id。我的index.php頁面回顯了id各個 div 中的所有數(shù)據(jù)庫行。點擊的按鈕元素的類名是:"mainbut<?php echo $id->rqvid; ?>"而隱藏的 div 元素的類名是:"subdiv<?php echo $id->rqvid; ?>"我想要實現(xiàn)的mainbut<?php echo $id->rqvid; ?>是點擊時,然后subdiv<?php echo $id->rqvid; ?>顯示。簡單來說 - 當一個按鈕(帶有 row id)被點擊時,就會顯示一個隱藏的 div(帶有相同的 row id)。我想要實現(xiàn)的視覺表示:注意:四個1's 代表id來自數(shù)據(jù)庫的列的行----------------| 1 [mainbut1] | <-- when [mainbut1] is clicked on----------------| 1 (subdiv1) | <-- then div of classname "subdiv1" shows----------------例如,我的表中有 3 行 ID 編號為 1 到 3。但是當我單擊任何按鈕時,它不會顯示相同 id的隱藏 div 元素。相反,它只顯示最后一行的id一個隱藏 div 元素。所以這是我得到的結(jié)果:----------------| 1 [mainbut1] | <-- when [mainbut1] is clicked on...---------------- <-- (div "subdiv1" does not show. Why?)----------------| 2 [mainbut2] | --------------------------------| 3 [mainbut3] |----------------| 3 (subdiv3) | <-- But instead div "subdiv3" shows.----------------我希望能夠單擊任何按鈕,并且僅顯示具有相同 id 的相應(yīng)隱藏 div。我認為我的 jquery 代碼中肯定缺少一些東西。有人可以幫我讓它正常工作嗎?這是我目前的代碼:<?php foreach($ids as $id): ?><div> <?php echo $id->rqvid; ?> <button class="mainbut<?php echo $id->rqvid; ?>">click</button></div><div class="subdiv<?php echo $id->rqvid; ?>"> <?php echo $id->rqvid; ?> sub-box</div><script>var i = '<?php echo $id->rqvid; ?>';$(".mainbut"+i).on('click', function() { $(".subdiv"+i).css("display","block");});</script><?php endforeach; ?>
- 1 回答
- 0 關(guān)注
- 164 瀏覽
添加回答
舉報
0/150
提交
取消