JS經過點擊/選擇表格某一行的獲取當前行的數據（結尾有VUE思路）

問題一：當咱們在表格中會有如下點擊按鈕，而後獲取該行的某列信息；

在 修改按鈕 上設置 οnclick="edit(this)"

function edit(val){ 
 
        //這裏就是val，別覺得寫錯了，若是寫成this會報錯：Uncaught SyntaxError: Unexpected token 'this'，這是轉過來的參數值的意思
        var value = $(val).parent().parent().find("td");
 
        console.log(value.eq(1).text());   //15900012520  獲得第二列的數據
 
}

問題二：當咱們選擇checkbox的單選或多選框，獲取該行的某列數據

好比你要獲取選中的這行的IMEI號：

//獲取選中那列的數據
     var checkLength = $("input:checkbox[name='checksId']:checked").length;
 
      //if(checkLength == 0) {
      //    alert("請至少勾選中一項須要刪除的內容！");
      //    return;
     // }
 
      $("input[type='checkbox']").each(function(){ //遍歷checkbox的選擇狀態
          if($(this).prop("checked")){ //若是值爲checked代表選中了
             // console.log("選中該行的IEMI："+$(this).closest('tr').find('td').eq(7).text());
             var delei = $(this).closest('tr').find('td').eq(7).text();//獲取eq爲7的那一列數據（就是第7列）
              console.log("選中改行的列值："+typeof delei+delei);
 
 
          }
      });

問題三：鼠標移到哪一行，就顯示哪一行的某列內容；

略！沒作過，可我的思路是：相似上面，先定義鼠標移到該行的操做，如：hover，而後才定義一個獲取方法（前面用的的是onclick）；

總結：獲取每行的某列數據，列出經常使用幾條（用JS或者JQ都沒有區別)：

（1） var value = $(this1).parent().parent().find("td").eq(1).text();//得到該行的第二列數據

（2） var value = $(this).closest('tr').find('td').eq(7).text();//獲取eq爲7的那一列數據（就是第7列）

（3）var value = $(this).children().eq(1).text();//所點擊的一行的第二個td內容

（4）var value = $(this).find("td").eq(1).html();

最後.text()和.html()得到文本信息和頁面信息，記得本身要得到的是什麼？能夠嘗試下，

parent和closest和children這個分別是父元素和祖先元素和子元素，find是查找他們的父元素的意思

能夠取一反三！

擴展簡單說明：

VUE實現就更簡單咯！首先VUE須要綁定 @selection-change="handleSelectionChange"，就是要獲取表格行的內容

handleSelectionChange(selection) {
            this.checkedList = selection;
            this.$emit("selection-change", this.checkedList);
 
        },

你在點擊按鈕事件，加上ROW該行內容，也就是你點擊哪行就獲取哪行的內容，如：editClick(row) {}

把獲取的內容保存起來，若是彈出的diglog窗口，那就把這些值傳過去；（父子類相互傳值的VUE方法：prop、emit，百度一下）