zoukankan      html  css  js  c++  java
  • js点击事件获取当前元素或父级元素

    1.通过设定标签,在js里写click事件

    html:

    <div style="margin-left: 77px; background-color: white; line-height: 30px; padding-left: 5px;">
         <a class="pro deleteBrand" title="适用季节" href="javascript:void(0);">适用季节
            <span class="icon-btn-x">x</span>
         </a>
         <a class="pro deleteBrand" title="适用季节" href="javascript:void(0);">适用季节
             <span class="icon-btn-x">x</span>
         </a>
         <a class="pro deleteBrand" title="适用季节" href="javascript:void(0);">适用季节
             <span class="icon-btn-x">x</span>
         </a>
         <a class="pro" id="btn-brand-search" title="适用季节" href="javascript:void(0);">更多∨</a>
      </div>

    js:

    deleteBrand : function () {
      $(".deleteBrand").click(function (aa) {
         $(this).css('display', 'none');
       //$(this).parent().css('display', 'none');
      });
    }

    2.在html页面写click事件

    html:

    <div style="margin-left: 77px; background-color: white; line-height: 30px; padding-left: 5px;">
       <a class="pro" data-url="nav"  title="适用季节" href="javascript:void(0);" onclick="new goodsUpperAndLower.init().deleteBrand(this);">适用季节
           <span class="icon-btn-x">x</span>
       </a>
       <a class="pro" data-url="nav"  title="适用季节" href="javascript:void(0);" onclick="new goodsUpperAndLower.init().deleteBrand(this);">适用季节
           <span class="icon-btn-x">x</span>
       </a>
       <a class="pro" data-url="nav"  title="适用季节" href="javascript:void(0);" onclick="new goodsUpperAndLower.init().deleteBrand(this);">适用季节
           <span class="icon-btn-x">x</span>
       </a>
       <a class="pro" id="btn-brand-search" title="适用季节" href="javascript:void(0);">更多∨</a>
     </div>

    js:

    deleteBrand : function (obj) {
       //$(obj).parent().css('display', 'none');
       $(obj).css('display', 'none');
    }
  • 相关阅读:
    Eclipse svn插件包
    最新版STS因为JDK版本太低无法启动的解决办法
    maven 项目无法发布,无法编译的解决办法
    maven依赖本地非repository中的jar包
    微信公众平台开发(2)-消息封装
    微信公众平台开发(4)-自定义菜单
    限制必须使用微信打开网页
    移动设备页面自适应
    微信公众平台开发(5)-上传下载多媒体文件
    微信公众平台开发(3)-回复消息
  • 原文地址:https://www.cnblogs.com/jcjssl/p/9546370.html
Copyright © 2011-2022 走看看