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,359評論 0 8
  • DOM創建節點及節點屬性 通過JavaScript可以很方便的獲取DOM節點,從而進行一系列的DOM操作。但實際上...
    阿r阿r閱讀 1,034評論 0 9
  • 1:jQuery節點創建與屬性的處理 創建元素節點:可以有幾種方式,后面會慢慢接觸。常見的就是直接把這個節點的結構...
    碼農小楊閱讀 619評論 0 1
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,836評論 18 139
  • 當你一個人時,無論你在哪,做什么,看什么,請為自己準備一把傘,因為你永遠不知道什么時候會下雨,什么時候會出大太陽,...
    希雅的花園閱讀 1,113評論 0 0