근접 요소를 사용하여 xml 노드를 선택하는 방법

Question

XPath와 HTML 민첩성 팩을 사용하여 color:#ff00ff을 사용하여 destination 텍스트를 선택해야합니다.

내 HTML은 다음과 같습니다

<table> 
    <tr style="color:#ff00ff"> 
     <td></td> 
    </tr> 
    <tr> 
     <td>destination</td> 
    </tr> 
    <tr> 
     <td></td> 
    </tr> 
    <tr> 
     <td>not destination</td> 
    </tr> 
</table> 

Answer 1

 
/table/tr[@style = "color:#ff00ff"]/following-sibling::tr[1]/td[1]/text() 

이 style="color:#ff00ff"이있는 <tr> 선택, 거기에서가는 첫 번째 다음 <tr>의 첫 번째 <td> 아이의 텍스트입니다.

여분의 안전을 위해, 당신은 사용할 수 있습니다

 
tr[translate(@style, ' ', '') = "color:#ff00ff"] 

이는 속성 값에서 공백을 제거, 상황이 좀 더 독립적 인 HTML 소스에서 얻을 수 있도록.

Answer 2

가이 같은 보일 수 jQuery를 사용하여 :하지만,

$('tr[style*="color:#ff00ff"]').next('tr').children().text(); 

이 정확한 문서 구조와 스타일 정의에 크게 의존한다. 문자열 "color : # ff00ff"(정확하게 공백 없음)을 포함하는 스타일을 가진 tr을 찾습니다. 그러면 해당 행에서 다음 형제 행을 선택하고 직접 자식 모두에서 텍스트 콘텐츠를 가져옵니다. 귀하의 경우, 이것은 단일 열 요소가됩니다.