php - 如何在 Codeigniter 中基于表中按钮的 onclick 使用 jQuery 实现 show() hide() 函数？

Question

我需要它，以便在单击时弹出额外信息，否则会隐藏。我尝试过使用 show() 和 hide() 但我不确定我在做什么。谢谢大家，基兰

查看:

<table class="table table-striped">
    <thead>
        <tr><th>Last name</th><th>First name</th><th>Practice</th><th>County</th><th>Email</th><th></th></tr>
    </thead>

    <tbody>
        <?php foreach ($health_professional as $hp): ?>
            <tr>
                <td><?php echo $hp['last_name'] ?></td>
                <td><?php echo $hp['first_name'] ?></td>
                <td><?php echo $hp['practice'] ?></td>
                <td><?php echo $hp['county'] ?></td>
                <td><?php echo $hp['email'] ?></td>


            <td><a class="btn btn-info" href="hp/view/<?php echo $hp['hpid'];?>">Expand</a></td>

            </tr>
            <thead>
        <tr><th>Permission to send info?</th><th>Registered</th><th>Attendance</th><th>Date of last update</th></tr>
    </thead>
            <tr id ="trid">
            <td><?php echo $hp['send_info']; ?></td>
            <td><?php echo $registration_count; ?></td>
            <td><?php echo $attendance_count; ?></td>
            <td><?php echo $hp['send_info_last_update']; ?></td>                
            </tr>
        <?php endforeach ?>
    </tbody>

</table>  

Answer 1

您将遇到的一个问题是:

<tr id="trid">

不会是唯一的 ID。由于您有一个与每个 $health_professional 关联的 ID，因此您可以将其更改为:

<tr id="tr-<?php echo $hp['hpid'];?>" class="hidden">

现在您已经有了唯一的 ID 和通用类，请像这样设置链接:

<td><a class="expand" data="<?php echo $hp['hpid'];?>">Expand</a></td>

现在您可以在 javascript 中调用

$(document).ready(function(){
    $('.expand').click(function () {
        var id = $(this).attr('data');
        $('#tr-' + id).show();
    });
});

在你的CSS中:

.hidden{display:none;}

这是一个硬编码的示例(除了糟糕的样式):

http://jsfiddle.net/4qbFQ/