テーブルのtd要素から値を取得したい

Question

前提・実現したいこと

閲覧ありがとうございます。
HTMLのtableタグにおいて、別のtd要素から値を取得したいです。
具体的には、あるtd要素においてonclickでfunctionに値を入れたいのですが、
同じtd要素内であればonclick="function(this.value);"を用いて値を取得できますが、
onclick時に同じtd要素の値(this.value)ではなく、別のtd要素の値を入れたいです。

①this.valueのように簡潔な書き方で、別のtd要素を参照することはできるのか？
②できないのであればgetElementById等を使用しないといけないか？

をお聞きしたいです。
↓の例でそれぞれのbuttonを押した際に、selectBook関数に"001"を入れたいです。
よろしくお願いします。

該当のソースコード

  <tr>
    <td>001</td>
    <td><input type='button' value='shoseki01' onclick="selectBook(this.value);"></td>
    <td>tyoshamei</td>
    <td>shuppansha</td>
    <td>bunnya</td>
    <td>taishakunin</td>
    <td>kasidasinitiji</td>
    <td>kounyuubi</td>
    <td><input type='button' value='kasidasityuu'  onclick="selectBook(this.value);"></td>
  </tr>

Answer 1

同じ行の先頭にあるテキストを取得したい、ということでいいですか？
this.parentElement.parentElement.firstElementChild.textContent

Comments

[hiroki_k]

ご回答ありがとうございます。
こちらのやり方で無事に参照できました。

[YT0014]

未解決のままですが、まだ、問題があるのでしょうか？

Answer 2

① parentElementを取って、childNodesを使って頑張れば参照できますが、決して簡潔ではありませんね。

② getElementByIdなどを使っても良いですが、HTMLを出力の際に、最初からonclick="selectBook('001');"としてしまうのが最も簡単と思います。
<td>001</td>のようにtdの中身は各行適切に出力できているならば、ここも同様に出力してやればいい。

Comments

[hiroki_k]

ご回答ありがとうございます。
丁寧にご説明いただきありがとうございました。
①については他の方にもご教示いただきました、確かに簡潔にすることは難しそうですね…。
②について実際に活用する際にはPHPでfor文を使ってtableを作成するので、直接入力は出来ないのですが変数を用いて試してみます。