HTML 문자열에서 부모 가져 오기

Question

동적으로 생성 된 테이블 행이 있으므로 모든 ID 또는 클래스를 추가 할 수 없습니다. 행은 테이블의 순서에 관계없이 나타날 수 있습니다. 각 행에는 열 (td) 만 포함됩니다.

는 HTML이

<table id="ctl00_MainContentPlaceholder_ctl00_CourseInfoTextList"> 
    <tr> 
     <td> 
     <p> 
     <span style="font-size:1.1em"><span id="ctl00_MainContentPlaceholder_ctl00_CourseInfoTextList_ctl00_lblCourseInfoTypeText" style="font-weight:bold;">Subject Area</span></span> 
     <br /> 
     <span id="ctl00_MainContentPlaceholder_ctl00_CourseInfoTextList_ctl00_lblCourseInfoText">BS, AP</span> 
     </p> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     <p> 
     <span style="font-size:1.1em"><span id="ctl00_MainContentPlaceholder_ctl00_CourseInfoTextList_ctl01_lblCourseInfoTypeText" style="font-weight:bold;">Course Content</span></span> 
     <br /> 
     <span id="ctl00_MainContentPlaceholder_ctl00_CourseInfoTextList_ctl01_lblCourseInfoText">some more text</span> 
     </p> 
     </td> 
    </tr> 
</table> 

을 볼 수 있는지의 샘플은 여기 18시 55분

31/08/2012 업데이트됩니다 거기에 내가 행 '제목 영역을 숨길 수있는 방법 '나타 납니까?

Answer 1

내가 잘못 될 수있다,하지만 난 내 자신의 질문에 대답 할 수 있다고 생각이 좀 더 선택하고 '제목 영역'의 다른 인스턴스를 잡을 가능성이 적습니다

$("#ctl00_MainContentPlaceholder_ctl00_CourseInfoTextList tr:contains('Subject Area')").hide(); 

S를 그 우린 실제로 원해.

$("#ctl00_MainContentPlaceholder_ctl00_CourseInfoTextList span:contains('Subject Area')").closest('tr').hide(); 

는 감사들 :

Answer 2

사용 .closest('tr'), 그것은 DOM 트리까지 다음 <tr> 태그 사로 잡고 :

$('#ctl00_MainContentPlaceholder_ctl00_CourseInfoTextList_ctl00_lblCourseInfoTypeText').closest('tr').hide(); 

대신 .hide(), 당신은 .slideUp(), .fadeOut() 또는 .remove() 등

Answer 3

Dunhamzzz를 사용할 수있는 것은 옳다, 가장 가까운 위대한 작품 (+1). 보조 노트에

, ASP.NET의 웹 폼은 절대적으로 터무니없이 긴 동적 ID 이름을 만들고, 당신의 JS의 내부 <%= Whatever.ClientID %>에서 퍼팅의 Ithe 아이디어는 (백 엔드를 & 프런트 엔드 혼합) 나에게 말도 안돼.

대신 JS를 깨끗하게 유지하려면 선택자 대신 을 사용하십시오.

$('[id$="lblCourseInfoTypeText"]').closest('tr').hide(); 
// ^= means search from the end - and voila