jQuery 隐藏网页上元素的方法

今天需要隐藏网页上的两个按钮,但是那一部分是用函数写的,多地方调用,为了不影响其他部分的使用,打算用js或者jQuery或者vue实现隐藏。

但是js不会写,太麻烦,vue程序里没有,看到有jQuery,就用这个写吧。

自己写的比较渣,选择器写不好,还好有高手,轻松搞定。代码给大家共享一下。

html部分代码

<div class="btn-group" data-toggle="buttons">
    <label onclick="dr_select_paytype('finecms')" class="btn btn-lg btn-default active"> <input type="radio" class="toggle"> <i class="icon iconfont icon-yiban"></i>余额 </label>
    <label onclick="dr_select_paytype('alipay')" class="btn btn-lg btn-default "> <input type="radio" class="toggle"> <i class="icon iconfont icon-rectangle390"></i>支付宝 </label>
     <label onclick="dr_select_paytype('weixin')" class="btn btn-lg btn-default "> <input type="radio" class="toggle"> <i class="fa fa-weixin"></i>微信 </label>
      <input type="hidden" name="pay[type]" value="finecms" id="dr_payselect">
</div>

jQuery部分代码

<script type="text/javascript">
$("#dr_payselect").parent(). find ("label").eq(1).hide()
$("#dr_payselect").parent(). find ("label").eq(2).hide()
</script>

测试通过,效果很不错!