# 最終作業問題_Fred Chang :::danger :pencil2:為了方便助教協助檢視問題,這邊附上[我的前台Codepen](https://codepen.io/fred8196/pen/bGgLjMV),謝謝! ::: ### 1. 如下圖,由於對切版相關知識還不夠熟悉,想請問助教為什麼我購物車列表第一筆商品底下的橫線會消失? ![](https://i.imgur.com/7wcitwR.png) > 🍒 助教回覆: > ![](https://i.imgur.com/peVnCOR.png) > 623 行的 .shoppingCart-table tr:frist-child 刪掉就會正常囉。 *** ### 2. JS第131行的DOM元素選取,這行是參考穎旻助教寫的,目的是要抓到購物車內各品項的數量,我的疑問是: 如果抓ID的話為什麼不能用#呢?然後穎旻助教的寫法是抓整個字串的意思嗎?因為我好像沒看過這個寫法Q_Q。 ```htmlembedded= // HTML <input type="text" class="cartQty" id="${item.id}" value="${item.quantity}" disabled> ``` ```javascript= // 有疑問的JS第131行 let itemQty = Number(document.querySelector(`[id="${itemId}"]`).value); //如果改寫成下方這樣會抓不到,是為什麼呢? let itemQty = Number(document.querySelector(`"#${itemId}"`).value); ``` > 🍒 助教回覆: > 其實 id 是沒辦法數字開頭的 OAQ 。 關於 id 的命名規則, [這篇文章](https://ithelp.ithome.com.tw/articles/10217585)供同學參考。 > > 如果真的很想要把 id 用數字開頭命名, 又想選到他的話, 就必須使用上面的 `[id="${itemId}"]` 才能正確選取到 id 。 > > 至於這奇特的選擇法, 這邊也[附上範例](https://codepen.io/s_syoujyo/pen/XWpPeoP?editors=1111)給同學參考。 > 只要是 HTML 上的結構都可以用這種選法選到, 不管今天是 id 還是 name ,通通都可以這樣選取~ *** :::warning 以上2個問題再麻煩助教協助解惑,真的感激不盡,謝謝!:bow: :::