Fw: [問題] jQuery .each index問題

[kiloxx (名器)]

※ [本文轉錄自 java 看板 #1SZXGzwb ]

作者: kiloxx (名器) 看板: java
標題: [問題] jQuery .each index問題
時間: Sun Mar 17 17:32:43 2019

大家好~~
(我是超級新手，程式基礎只有python，最近在學習建造dashboard)

想問一個jQuery each的問題: index開始的位子從0變成1了

下圖是我的function，是讓table插入一個新column

source是原本table的data

function add_columns(id, source) {
  var $table = $(`#${id}`)



  $table.find('tr').each(function (index) {
    console.log(source[index], index, source.length);
    if ( source[index] != undefined ) {
      $(this).find('td').eq(-1).after(`
        <td id="${source[index][0]}">
        </td>
`
);
}
}

我在console loop出來，假設source = [ [0], [1], [2] ]

[0]      , 0, 3
[1]      , 1, 3
[2]      , 2, 3
undefined, 3, 3

但是我產生出來的對應的td卻只有
<td id=1></td>
<td id=1></td>
<td id=2></td>
<td id=2></td>
null
null

這邊很明顯就是在進到if的時候，index變成1開始了，不是0
請問為什麼會這樣? 是我coding哪裡有問題嗎?還是這是正常的?

我暫時先在if 裡面用index-1來處理掉，但感覺又怪怪的

抱歉打得有點長，麻煩幫忙解惑!!

感恩



// edited 已解決
睡不著突然想通了，$(tr)包含thead，
但是thead 沒有td，所以if statement 裡面才會從1開始
也可以解釋為何多loop一次了

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.243.154.240
※ 文章網址: https://www.ptt.cc/bbs/java/M.1552815165.A.EA5.html
※ 文章網址: https://www.ptt.cc/bbs/java/M.1552815165.A.EA5.html
→ GGing: JavaScript 也算 Java 的守備範圍嗎？XD
推 now99: 語言不同吧
→ kiloxx: 呃~抱歉搞錯了，我轉去web_design
※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: kiloxx (111.243.154.240), 03/17/2019 19:09:35
→ foolray: 這寫法看了真頭痛…需求是加一行然後已經有資料陣列了
→ foolray: 怎不加進陣列each…
→ kiloxx: 不好意思，因為我完全是自學，不太明白大大的意思
→ kiloxx: 我目前對JS的腦容量只能寫出這種function，我也覺得很頭痛
→ kiloxx: 如果有更好的學習資源，拜託提供給小弟參考!!
→ foolray: 我試著操作是012 且看console跟輸出都是4個
→ foolray: 把if內find~after 換成append看看？還是原table的狀況？
→ foolray: 把if內find~after 換成append看看？還是原table的狀況？
→ mackliu: 最好有原表格的狀況，不然只是這樣跑起，似乎沒問題
→ mackliu: 如果你跑起來會有問題，是否那邊打錯字或多加了逗號？
→ y3k: each()出來應該有index跟value 你加抓value吧
→ y3k: javascript的callback跑怪怪的時候 建議抓看看function的
→ y3k: arguments 這個做法可以很快找到問題點
→ kiloxx: 抱歉今天跑去忙別的東西，我明天再回報
推 molopo: 每個都console log出來

還是不知道為什麼...我console看也都是對的...

所以我換了一個寫法先loop source比較好

function add_columns(id, source) {
  let $table = $(id);
  $.each(source, function (index, value) {
    let tr = $table.find('tr');
    let td = document.createElement('td');
    td.innerHTML = value;
    //+1 to skip <thead>
    tr[index+1].append(td);
    tr[index+1].append(td);
  });
};

不好意思打擾大家
※ 編輯: kiloxx (111.248.80.42), 03/20/2019 01:22:01
※ 編輯: kiloxx (111.248.80.42), 03/20/2019 02:11:24
※ 編輯: kiloxx (111.248.80.42), 03/20/2019 02:12:09