如何将Xpath转换为CSS [英] How to convert Xpath to CSS

问题描述

我的xpath是： / html / body / div / table / tbody / tr [2] / td [4]

我需要一个CSS在jsoup选择器中使用它。

我发现xpath和css之间的比较：这里，据说在他们的例子中（第<< E>元素在页上的任何地方），我不能做。 Xpath xpath =（// E）[2] CSS N\A 。

也许我找不到我要找的东西。任何想法？

这里是我想解析的html（我需要获取值： 1 code> 3 ）：

 < div class = tablecont> 
< table width = 100％> 
< tr> 
< td class = header align = center>面板颜色< / td> 
< td class = header align = center>已锁定< / td> 
< td class = header align = center>未限定< / td> 
< td class = header align = center>合格< / td> 
< td class = header align = center>完成< / td> 
< td class = header align = center> TOTAL< / td> 
< / tr> 
< tr> 
< td align = center> 
< div class = packagecode> ONE< / div> 
< div> 
< div class = packagecolor style = background-color：＃FC0;>< / div> 
< / div> 
< / td> 
< td align = center> 0< / td> 
< td align = center> 0< / td> 
< td align = center> 1< / td> 
< td align = center> 12< / td> 
< td align = center class = rowhead> 53< / td> 
< / tr> 
< tr> 
< td align = center> 
< div class = packagecode> two< / div> 
< div> 
< div class = packagecolor style = background-color：＃C3F;>< / div> 
< / div> 
< / td> 
< td align = center> 0< / td> 
< td align = center> 0< / td> 
< td align = center> 3< / td> 
< td align = center> 42< / td> 
< td align = center class = rowhead> 26< / td> 
< / tr> 
< / table> 
< / div> 
        // E）[2] 不能用CSS选择器表示，像 E [2] 的表达式可以使用：nth-​​of-type（）伪类：
  html> ;身体> div>表> tbody> tr：n型（2）> td：nth-​​of-type（4）
  
 
My xpath is: /html/body/div/table/tbody/tr[2]/td[4]

I need to get an CSS to use it in jsoup selector.

I found a comparison between xpath and css: here, and it's said in their example (Second <E> element anywhere on page) that I can't do it. Xpath xpath=(//E)[2] CSS N\A.

Maybe I can't find what I'm looking for. Any ideas?

Here's the html I'm trying to parse (I need to get values: 1 and 3):
<div class=tablecont>
    <table width=100%>
        <tr>
            <td class=header align=center>Panel Color</td>
            <td class=header align=center>Locked</td>
            <td class=header align=center>Unqualified</td>
            <td class=header align=center>Qualified</td>
            <td class=header align=center>Finished</td>
            <td class=header align=center>TOTAL</td>
        </tr>
        <tr>
            <td align=center>
                <div class=packagecode>ONE</div>
                <div>
                <div class=packagecolor style=background-color:#FC0;></div>
                </div>
            </td>
            <td align=center>0</td>
            <td align=center>0</td>
            <td align=center>1</td>
            <td align=center>12</td>
            <td align=center class=rowhead>53</td>
        </tr>
        <tr>
            <td align=center>
                <div class=packagecode>two</div>
                <div>
                    <div class=packagecolor style=background-color:#C3F;></div>
                </div>
            </td>
            <td align=center>0</td>
            <td align=center>0</td>
            <td align=center>3</td>
            <td align=center>42</td>
            <td align=center class=rowhead>26</td>
        </tr>
    </table>
</div>

解决方案
While an expression like (//E)[2] can't be represented with a CSS selector, an expression like E[2] can be emulated using the :nth-of-type() pseudo-class:
html > body > div > table > tbody > tr:nth-of-type(2) > td:nth-of-type(4)


                        
这篇关于如何将Xpath转换为CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！