jqueryのtrigger()でaタグをクリックしたことにして、遷移させたい。ただし、hrefにはテンプレートタグ

Question

やりたいことは、表の１行を一つのボタンにしたいと考えています。以下の方法を自分なりに考えましたが、全く別の方法がありましたら、教えてください。よろしくお願いいたします。

試したこととしては、
一つ目
hrefの値を取ってきて、そのurlにwindow.location.hrefで遷移するというやり方です。参考サイト
しかし、hrefの値がdjangoのテンプレートタグのurlタグなのでうまく遷移しません。

二つ目は下のjsコードに書いたようなtrigger('click')を使うやり方です。
しかし、aタグはクリックできないようです。

どうしたら良いでしょうか。

コード
    <tr class="book_title_tr">
      <th scope="row">
         <a href="{% url 'book_title' bookT_page_Flag=1 bookID=book.bookID %}">{{book.bookTitle</a>
      </th>
      <td>{{ book.bookDate }}</td>
    </tr>

コード
$('.book_title_tr').children('th').children('a').trigger('click');

追記

すみません。上の書き方だと良くなかったです。もう一度下に書き直しました。

もう全体を以下に示します。
console.logがたくさん出力されてしまいます。

コード
<table class="table book_table">

  <thead>
    <tr>
      <th scope="col">本のタイトル</th>
      <th scope="col">発行日</th>
    </tr>
  </thead>
  <tbody>
    <!-- 本の一覧を表示 -->
    {% for book in bookT %}
    <tr class="book_title_tr">
      <th scope="row"><a href="{% url 'book_title' bookT_page_Flag=1 bookID=book.bookID %}">{{book.bookTitle}}</a></th>
      <td>{{ book.bookDate }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>


<script>
//-------------book_title.html---------
$(function () {
$('.book_title_tr').on('click', function(){
  var i = $('.book_title_tr').index(this);
  console.log($('.book_title_tr').eq(i).children('th').children('a'));
  $('.book_title_tr').find('th a').eq(i).click();

});
});
</script>

Comments

[yambejp]

HTMLをHTMLとして例示ください

[oika77]

すみません。書き方が悪かったです。
もう一度書きました。

Answer 1

こういう感じでしょうか？

<script>
$(function(){
  $('.book_title_tr').find('th a').get(0).click();
});
</script>

<table>
<tr class="book_title_tr">
<th scope="row">
<a href="#test1">test1 th</a>
</th>
<td>test1 td</td>
</tr>
<tr class="book_title_tr">
<th scope="row">
<a href="#test2">test2 th</a>
</th>
<td>test2 td</td>
</tr>
</table>

Comments

[oika77]

console.logがたくさん出てくる問題は解決しませんでした。