인접 요소의 하위 요소 선택

Question

<div class="srch-sb-results"> stuff here </div> 
<table> 
    <tr> 
     <td colspan='3'> 
     <div style="border:1px solid silver"></div> 
     </td> 
    </tr> 
<table> 

은색 테두리를 렌더링하는 div를 선택해야합니다. jquery에서 div를 선택하고 숨기려면 어떻게해야합니까? colspan이있는 표 셀뿐 아니라

Answer 1

$('.srch-sb-results').next('table').find('td[colspan="3"]').hide(); 

. 당신이 내 첫 번째 DIV를 선택 인접한 형제의 CSS 선택기를 사용할 수 있습니다 HTML을 변경할 수없는 경우

$('table div').each(function() {//selects all divs inside table 

    var bColor = $(this).css('border-color');//checks each element's border-color 
    if(bColor === 'silver') { 
     $(this).hide(); 
    } 

}); 

Answer 2

이를 시도해보십시오 열 병합을 갖는 TD를 숨기려면 이 같은 첫 번째 테이블의 행의 첫 번째 테이블 셀 :

$('.srch-sb-results + table > tr:first > td:first > div:first').hide(); 

쉽게 HTML을 변경하고 DIV에 ID를 설정하고 직접 그것을 선택하는 것입니다. 이 사업부 인 경우

Answer 3

: 영업의 원래 요청을 포함하면 = 3

Answer 4

만이 같은

$('td[colspan="3"] > div').hide(); 

또는 CSS에 더 엄격한이어야 뭔가 :

$('td[colspan="3"] div').each(function(){ 
    if ($(this).css('border')) $(this).hide(); 
});