ASP Razor有按钮显示/隐藏标签

时间:2017-07-20 02:19:49

标签: asp.net razor

我有一个页面,其中生成了一堆行。每一行都有一个按钮。点击该按钮后,我想在旁边显示一个带有文字的标签。

下面的代码包含我想要显示的标签。现在我需要更新代码,以便它只显示单击按钮的时间。请注意,每个按钮只应显示其相关标签。

<div class="row product-item">
<div class="col-sm-2" style="padding-right:0px;"><img src="~/Content/images/@p.image" style="width:100%;" /></div>
<div class="col-sm-10">
    <p style="margin-bottom:2px;">@p.title</p>
    <p style="margin-top:2px;color:#868686;">@p.desc</p>

    <div style="padding:10px 0px 0px 0px;">
        <button style="float:left;margin-right:10px;" class="btn btn-primary">Add to Order</button>
        <p id="successlabel" style="color:#339966; float:left; margin-top:2px; display:none;">✔ Your selection has been added to your order!</p>
    </div>
</div>
<div class="clearfix"></div>

1 个答案:

答案 0 :(得分:1)

如果您正在使用jquery,这是众多解决方案之一:

    $(function () {
        $('button.btn-primary').filter(function () {
            return $(this).text() == 'Add to Order';
        }).click(function (e) {
            $(this).next().show();
        });
    });