[asp.net-mvc]按钮的 onClick 激活 JQuery 函数

发布时间: 2017/2/20 21:51:04
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我还新的 JQuery 但我想这是︰

  1. 单击我的编辑按钮,调用 someFunction()

  2. Jquery 然后会隐藏我的编辑按钮,显示我的保存按钮,并隐藏删除按钮。

  3. 得到的 item.ID 和保存供以后为 var。

到目前为止我尝试在这里。

按钮设置︰

<td class="col-lg-3 col-lg-offset-1">
         <span style="visibility:hidden">@Html.DisplayFor(modelItem => item.ID)</span>

         <span class="item-edit-button">
         <button type="button" onclick="someFunction()" class=" btn btn-warning col-lg-4"><span style="margin-right: 5px" class="glyphicon glyphicon-pencil"></span>Edit</button>
         </span>

         <span class="item-save-button">
         <button type="button" class="btn btn-success col-lg-4"><span style="margin-right: 5px" class="glyphicon glyphicon-trash"></span>Save</button>
         </span>

         <span class="item-delete-button">
         <button type="button" class="btn btn-danger col-lg-4" onclick="location.href='@Url.Action("Delete", "Movie", new { id = item.ID })' ;return false;"><span style="margin-right: 5px" class="glyphicon glyphicon-trash"></span>Delete</button>
         </span>
</td>

我 (因为我还没那点没有 var) 的 JQuery 尝试

<script>
    function someFunction() {
          someFunction //trying to get current item/value/button/ect..
                .hide()
                .next("span.item-save-button")
                .show()
                .next("span.item-delete-button")
                .hide()
    };
</script>

编辑︰ 如何做到这一点,使用下面的答案

function someFunction(element) {
        $(element).hide();
        $(element).closest("td").find("span.item-save-button").show();
        $(element).closest("td").find("span.item-delete-button").hide();
    }

解决方法 1:

您需要传递元素引用像这样︰

<button type="button" onclick="someFunction(this)">Click ME</button>

和函数中︰

function someFunction(element) {

                $(element).hide();
                $(element).closest("td").find("span.item-save-button").show();
                $(element).show();
                $(element).closest("td").find("span.item-delete-button").hide();
                $(element).hide();
    }
官方微信
官方QQ群
31647020