---
# System prepended metadata

title: 最終作業問題_Fred Chang

---

# 最終作業問題_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:
:::
