我视图中每条记录的JavaScript

我有一个视图，其中显示了一个包含15条记录（15行）和5列的表，但最重要的是一列“Actions”。在它里面我有一个按钮，“预览”，当点击时，我想打开一个窗口，里面有一条消息，用于测试

但是，单击“查看”按钮时，只有第一条记录显示消息窗口，其他14条记录不显示

如何使所有记录/行显示消息

请遵循以下代码：

<table class="table table-bordered table-hover tablesorter">
    <thead>
        <tr>
            <th class="header text-center" style="width: 100px;"> Ações </th>
        </tr>
    </thead>
    <tbody id="tabela">     
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @this.Hidden("IdClient").Value(item.Id)
                    <a id="visualizarCliente" class="btn btn-primary btn-xs btn-visualizar" data-toggle="tooltip" title="Visualizar" target="_blank" 
                      href="@Url.Action(MVC.Painel.Clientes.Visualizar(item.Id))">
                        <i class="fa fa-eye"></i>
                    </a>
                </td>
            </tr>
        }
    </tbody>
</table>

<script type="text/javascript">
    $(function () {
        $("#visualizarCliente").click(function () {
            var idCliente = $("#IdClient").val();
            window.alert("Teste");
        })
    });
</script>

Ações
@foreach（模型中的var项目）
{
@此.Hidden（“IdClient”）值（item.Id）
}
$（函数（）{
$（“#可视化客户端”）。单击（函数（）{
var idCliente=$（“#IdClient”）.val（）；
窗口警报（“测试”）；
})
});

问题在于您正在使用id选择器，无法重复。切换到任何其他选择器，例如data toggle=“tooltip”

<script type="text/javascript">
    $(function () {
        $("a[data-toggle='tooltip']").click(function () {
            window.alert("Teste");
        })
    });
</script>

$（函数（）{
$（[data toggle='tooltip']）。单击（函数（）{
窗口警报（“测试”）；
})
});

问题在于您正在使用id选择器，无法重复。切换到任何其他选择器，例如data toggle=“tooltip”

<script type="text/javascript">
    $(function () {
        $("a[data-toggle='tooltip']").click(function () {
            window.alert("Teste");
        })
    });
</script>

$（函数（）{
$（[data toggle='tooltip']）。单击（函数（）{
窗口警报（“测试”）；
})
});

问题是

ID

总是用于独特的东西。尝试改用

CLASS

。您的函数应该类似于以下示例：

$(function () {
        $(".btn-visualizar").click(function () {
            var idCliente = $(this).parent().find("#IdClient").val();
            window.alert("Teste");
        })
    });

---

在给定的示例中，行

$（this.parent（）.find（“#IdClient”）.val（）

指定这将是它应该是的最接近的元素值。

问题是

ID

总是用于唯一的。尝试改用

CLASS

。您的函数应该类似于以下示例：

$(function () {
        $(".btn-visualizar").click(function () {
            var idCliente = $(this).parent().find("#IdClient").val();
            window.alert("Teste");
        })
    });

在给定的示例中，行

$（this.parent（）.find（“#IdClient”）.val（）指定这将是它应该是的最接近的元素值