CSS 또는 XPath를 사용하여 내용별로 요소 선택

Question

CSS 또는 XPath를 사용하여 코드에서 "다음"텍스트와의 연결을 얻는 방법?

<div id="pagination"> 
    <a href="link">2</a> 
    <a href="link">3</a> 
    <a href="link">4</a> 
    <a href="link">5</a> 
    <a href="link">6</a> 
    <a href="link">7</a> 
    <a href="link">8</a> 
    <a href="link">9</a> 
    <a href="link">10</a> 
    <a href="link">Next</a> 
    <a href="link">Last</a> 
</div> 

Answer 1

원하는 것이 분명하지 않습니다.

require 'nokogiri' 

doc = Nokogiri::HTML(<<EOT) 
<div id="pagination"> 
    <a href="link">2</a> 
    <a href="link">3</a> 
    <a href="link">4</a> 
    <a href="link">5</a> 
    <a href="link">6</a> 
    <a href="link">7</a> 
    <a href="link">8</a> 
    <a href="link">9</a> 
    <a href="link">10</a> 
    <a href="link">Next</a> 
    <a href="link">Last</a> 
</div> 
EOT 

doc.search('a')[9] 
=> #<Nokogiri::XML::Element:0x80763880 name="a" attributes=[#<Nokogiri::XML::Attr:0x80763498 name="href" value="link">] children=[#<Nokogiri::XML::Text:0x80762fd4 "Next">]> 

또는 : 당신은 열 번째 링크를 원하는 경우

doc.at('//a[9]') 

당신은 내가 ',있을거야하지만 텍스트를 키 입력하고 CSS를 사용하고자하는 요소 번호를 모르는 경우 do :

doc.search('a').select{ |n| n.content == 'Next' }.first 

불행히도 CSS는 태그 텍스트를 검색 할 수 없으므로 약간 창의적으로 처리해야합니다. 규칙이 그 문자열 값 "Next" 인 a이 div의 마지막하지만 하나의 자식이라고하면

doc.at('//a[text()="Next"]') 

Answer 2

path = "/a[.='Next']" 

는 text()있어 당신은 '다음'과 a 요소를 얻을 것이다, 그 경로에 대한 쿼리를 수행.

Answer 3

그냥 사용 : : XPath는 그것을 할 수

여기

//div[@id='pagination']/a[last()-1] 

우리가 있다고 가정 많게는 하나의 div이 id 속성의 값이 "pagination" 인 XML 문서에 존재합니다. 이는 XHTML 문서의 적절한 가정입니다.

XSLT - 대조이 변환이 제공된 XML 문서에인가

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
<xsl:output omit-xml-declaration="yes" indent="yes"/> 

<xsl:template match="node()|@*"> 
    <xsl:copy-of select="//div[@id='pagination']/a[last()-1]"/> 
</xsl:template> 
</xsl:stylesheet> 

: XPath 식을 평가

<div id="pagination"> 
    <a href="link">2</a> 
    <a href="link">3</a> 
    <a href="link">4</a> 
    <a href="link">5</a> 
    <a href="link">6</a> 
    <a href="link">7</a> 
    <a href="link">8</a> 
    <a href="link">9</a> 
    <a href="link">10</a> 
    <a href="link">Next</a> 
    <a href="link">Last</a> 
</div> 

이 중 선택된 노드 평가는 출력에 복사됩니다.

,

<a href="link">Next</a> 

Answer 4

사실, CSS로이 작업을 수행 할 수 있습니다 : 그것은 항상 2 마지막 가정

#pagination a:nth-last-child(2) 

, 당신은