單擊按鈕時如何通過類名獲取同級元素？

Question

我有一個具有相似行的表，我試圖在單擊按鈕時獲取值“星”。

<tr>
    <td class="shape">Star</td>
    <td class="weight">3</td>
    <td><button>Click</button></td>
</tr>

我試過的代碼：

<script>
    const delButton = event.target;
    var prevShape = delButton.getElementsByClass("shape").previousSibling.innerHtml;  
</script>

Answer 1

代表：

 window.addEventListener("load", function() { // on page load document.getElementById("tb").addEventListener("click", function(e) { const tgt = e.target; if (tgt.tagName === "BUTTON") { const shape = tgt.closest("tr").querySelector(".shape").textContent; console.log(shape); } }) })

 <table> <tbody id="tb"> <tr> <td class="shape">Circle</td> <td class="weight">3</td> <td><button>Click</button></td> </tr> <tr> <td class="shape">Star</td> <td class="weight">3</td> <td><button>Click</button></td> </tr> </tbody> </table>