• 카테고리

    질문 & 답변
  • 세부 분야

    데이터 분석

  • 해결 여부

    미해결

css 셀렉터 다른 셀렉터를 참조할 경우 사용법.

20.11.06 14:49 작성 조회수 114

0

안녕하세요 강의 잘 듣고 있습니다.

이제 강의 다 끝나가서 다음강의도 준비 중에 있습니다.

css selector을 활용하고 싶은데 수업 해 주신 내용만으로는 안되는 부분이 있어서 질문 드립니다.

-------------------------------------------------------------------

<td>

<em>11/06</em>

<a href="javascript:date_check('20201106','0','')">

<span class="off">이부분을 가져와야 합니다.<br></span>

</a>

</td>

--------------------------------------------------------------------

이런 식의 코드가 있을때 제가 원하는 부분은 span태그 안의 부분입니다.

그런데 저 부분을 하기 위해서는 2가지 방법이 있을것 같은데

1. em테그안의 내용이 '11/06'인 부분을 찾고 거기 부모태그(td)로 다시 올라가고 그 안의 a태그 - span태그의 내용을 가져온다.

2. a코드 안의 내용중 '20201106'이 들어간걸 찾고 그 밑에 있는 span 태그안의 내용을 가져온다.

이런 방법들이 있을것 같은데 여기서 배운걸 활용해볼려고 하니 좀 막히는 부분이 있네요.

부모자식간 상위요소로 다시 가는 방법 및 태그 안의 요소가 아니라 내용(text) 자체로 셀렉터를 검색하는 방법을 알고 싶습니다.

답변 1

답변을 작성해보세요.

0

안녕하세요. 우선 이 부분은 다음 공지사항과 함께 양해를 부탁드립니다.

간단히 봤을 때는 원하시는 부분이 span 안의 내용이라면, 간단히 span.off 로 찾으시면 될 것 같습니다. 동일한 태그가 여러개라면, 일단 span.off 로 다 가져온 후에, 원하시는 내용만 문자열로 비교하셔도 좋을 것 같습니다. 부모 자식간 상위요소로 가는 방법은 어떤 부분인지 정확히는 잘 모르겠지만, 상위요소로 전체를 가져온 후에, 이 중에서 하위 요소를 다시 찾는 방식으로 하면 해결이 가능하고, 셀렉터는 내용을 감싸고 있는 태그간의 관계를 나타낸 것이라서, 내용 자체로의 셀렉터는 없다고 봐야할 것 같습니다.

감사합니다.

---------------

안녕하세요. 잔재미코딩 Dave Lee 입니다.

오늘은 한가지 공지를 드려요~~

그동안 정말 다양하고 많은 분들께서 수강을 해주고 계시는데요. 그러다보니, 질문/답변 란에 동일한 이야기를 드릴 때가 많아서 공유를 드려요.

질문/답변 란에, 각자 원하시는 크롤링 코드 관련 문의를 해주시는 경우가 꽤 있었는데요. 그 때마다, 가급적 배려를 드리는 차원으로, 가볍게 볼 수 있는 부분에 대해서만 답변을 드리기는 했습니다. 하지만, 해당 질문/답변 란은 본 강의 영상과 관련한 질문이 있을 때를 답변해드리는 것이 기본 취지인 것 같아요. 

온라인 수학 강의를 수강하면서, 강의에 나온 수학공식을 사용하는 강의 외에 각자 풀고 있는 수학 문제를 질문하고, 이를 풀어드리는 강의는 본 적이 없는데요. 마찬가지로 본 강의를 수강하시면서, 각자의 코드나, 각자 원하시는 크롤링 코드를 작성해드리거나, 함께 풀어나가는 것은 현실적으로 큰 무리가 있습니다.

더군다나 본 강의가 평생 수강이 가능하기 때문에, 이를 지원해드릴 경우, 본 강의를 들으면 내가 원하는 크롤링 코드는 모두 해결해드려야 하는 오해 아닌 오해도 생길 수 있고요. 심지어, 저도 실제 코드를 작성해봐야 해서, 코드를 작성하느라 답변이 늦어지면, 다른 답변이 늦어질 수도 있어서, 다른 수강생분들께도 문제가 될 수 있을 것 같습니다.

그래서, 질문/답변란에 문의를 주실 때에는 각자의 원하시는 크롤링 코드 관련 문의는 안해주시면 감사하겠습니다. 이 부분 꼭 양해를 부탁드립니다.

또한 가능하다면,

1) 어느 챕터의 몇분(:몇초)정도에서 이 부분이 이해가 안간다 와 같은 식으로 질문을 해주시면,

2) 강의에서 나온 코드는 이미지 캡쳐보다, 코드 자체를 텍스트로 질문에 붙여주시면,

훨씬 저도 이해가 빨라서, 빠르게 지금과 같이 상세하게 답변드릴 수 있을 것 같습니다.