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>

测试通过，效果很不错！