点击发货后,按钮隐藏问题

点击发货后,按钮隐藏问题

问题描述:

当点击发货后,怎么使按钮隐藏??

相关截图:

https://img1.sycdn.imooc.com//climg/61ebd4b4095cdd0914920143.jpg

https://img1.sycdn.imooc.com//climg/61ebd4b40953a6bb06880329.jpg

尝试过的解决方式:

我使用

$(".delivered").attr("style","display:none;");是全部按钮都隐藏,怎么才能使当前的按钮隐藏呢?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕阿园 2022-01-22 21:21:49

同学你好,源码就是点击发货后对应的发货按钮就会隐藏,同学使用源码即可,如下

https://img1.sycdn.imooc.com//climg/61ec0472095cb4f110090120.jpg

视频中老师的测试也是会隐藏的哦

https://img1.sycdn.imooc.com//climg/61ec04cd09c49b9911130479.jpg

祝学习愉快~

  • 提问者 慕圣523730 #1

    你好,我这边是自己打的,然后老师那边没有相对应的前端源码,我点开看了下好像找不到对应的位置,我想知道的是我用我自己的方法,在ajax请求中,成功之后隐藏button需要用到的代码具体方式

    这是我button的样式

    <button class="btn btn-success btn-xs delivered" style="display: block" id="' + res.data.list[i].orderNo + '">发货</button>
    然后这又是我在成功之后使代码隐藏的方法
    $(".delivered").attr("style","display:none;");
    然后我使用这个方法,结果是整个表格里的“发货”按钮都隐藏了,请问可以怎么解决?

    2022-01-22 22:02:06
  • 好帮手慕小尤 回复 提问者 慕圣523730 #2

    同学你好,同学可以使用“啃大饼的瓜子脸0_0”同学回复的方式。

    祝学习愉快!

    2022-01-23 10:03:56
啃大饼的瓜子脸0_0 2022-01-22 19:05:51

你可以试试这个方式

<el-button  :style="scope.row.发货字段名 == '已发货' ? 'diaplay:none' : '' ">发货</el-button>

话说  你这前端代码哪里搞到的呀  我也想来一份

  • 提问者 慕圣523730 #1
    我上面的button是这样样子的
    <button class="btn btn-success btn-xs delivered" style="display: block" id="' + res.data.list[i].orderNo + '">发货</button>
    就是我下面设置$(".delivered").attr("style","display:none;");
    这样子可以隐藏,但是是表里面所有的发货都隐藏了,我想知道要隐藏当前点击的按钮是哪个代码可以实现
    然后那个前端代码都是自己打的哈哈
    ┭┮﹏┭┮
    2022-01-22 20:51:44
  • 是选择器选错了,既然你给button赋了id的值 那你在可以在ajax里面根据id 设置属性的.比如在ajax中写 $("#订单的id").attr("style","display:none;");PS:订单的id 就是你发货的订单的id ;   这样选择器就可以选择到了点击对应行的按钮隐藏掉了  你试试

    2022-01-22 22:35:31
  • 呜呜好像有点懂了,然后我上面获取id是

    var id = $(this).attr("id");
    这种方式,那我下面要写的是不是 $("#id").attr("style","display:none;");
    这样子


    2022-01-23 00:14:49
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师