Jquery 使用学习记录

本教程学习内容如下

  • 通过父节点查到到子节点并且获取值
  1. 通过父节点查到到子节点并且获取值
 <li>
      <div>
        <p>提单号:
             <span class="span_coPickNo">
                {{? it[prop].coPickNo }}
                     {{=it[prop].coPickNo}}
                {{?}}
            </span>
        </p>

        <p class="ischeck">
           <i class="delive_img" onclick="singleCheckBox(this)"></i>
           <input name="checkbox1" type="checkbox" hidden="hidden" class="checkbox1"/>
        </p>
     </div>
    {{? it[prop].transStatus==0 }}
         <div class="list_btn affirm" onclick="commitSingler('1',this)">确认</div>
    {{??}}
          <div class="list_btn recall" onclick="commitSingler('0',this)">撤销</div>
    {{?}}
</li>

这里我使用了commitSingler的js
js内容如下:

function commitSingler(transAffirmValue,event){
    //获取要提交的物流合同号,提单号
    //物流合同号:
    alert($(event).parents("li").find(".span_coPickNo").html());
    //提单号:
    alert($(event).parents("li").find(".ico_zztext").html());
}

通过查到最高级的父容器,然后在通过find的方法找到对应的class就可以了,

注意:

我这里是span,所以我同.html就可以获取到值了,如果你是input标签,那么要通过
$(event).parents("li").find(".span_coPickNo").val();//方法来获取

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,370评论 0 8
  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 1,044评论 0 9
  • 1:jQuery节点创建与属性的处理 创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构...
    码农小杨阅读 625评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,993评论 19 139
  • 当你一个人时,无论你在哪,做什么,看什么,请为自己准备一把伞,因为你永远不知道什么时候会下雨,什么时候会出大太阳,...
    希雅的花园阅读 1,124评论 0 0