게시글 a 태그 추가할 때 질문입니다

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

board detail 페이지 만들기

해결된 질문

작성

143

4:00쯤에 {{board.title}} 에 a 태그를 추가할 때

저는 게시글 제목말고 row 전체에다가 링크를 걸고 싶어서

<tr>
  <a href="{{ board.get_absolute_url }}">
    <th scope="row">{{ board.pk }}</th>
    <td>{{ board.title }}</td>
    <td>{{ board.author }}</td>
    <td>{{ board.created_at }}</td>
  </a>
</tr>

이렇게 하면 작동을 안하더라고요.

어떻게 하면 row 전체에 링크를 걸 수 있나요?

javascript tdd bootstrap HTML/CSS django aws docker python

답변 1

SungYong Lee

지식공유자

안녕하세요. 요새 개인적으로 바빠서 답이 늦었습니다.

일단, a태그를 그런 식으로 쓰면 안되고요.

저 같으면 하나하나에 다 a 태그를 붙이겠습니다.

<tr>
    <th scope="row"><a href="{{ board.get_absolute_url }}">{{ board.pk }}</a></th>

    <td><a href="{{ board.get_absolute_url }}">{{ board.title }}</a></td>

이런 식으로요.

물론 너무 무식한 방법이 아니냐! 라고 하신다면 자바스크립트를 이용하는 방법도 있습니다.

이렇게하면 자바스크립트를 이용해 tr에 해당하는 부분을 클릭하면 그 곳으로 넘어가도록 만들 수 있습니다.

너굴너굴너구리

질문자

앗! 자바스크립트를 이용하면 되는군요. 답변 감사합니다 :)

인프런 커뮤니티 질문&답변

게시글 a 태그 추가할 때 질문입니다