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();//方法来获取