5

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

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

我在 xpath 和 css: here之间找到了一个比较，并且在他们的示例 ( Second <E> element anywhere on page) 中说我做不到。Xpath xpath=(//E)[2]CSS N\A。

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

这是我要解析的html（我需要获取值：1和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>
4

4 回答 4

12

虽然(//E)[2]无法用 CSS 选择器表示 like 表达式，E[2]但可以使用:nth-of-type()伪类模拟表达式 like：

html > body > div > table > tbody > tr:nth-of-type(2) > td:nth-of-type(4)
于 2013-03-31T16:09:41.150 回答
9

对我有用。

//Author: Oleksandr Knyga
function xPathToCss(xpath) {
    return xpath
        .replace(/\[(\d+?)\]/g, function(s,m1){ return '['+(m1-1)+']'; })
        .replace(/\/{2}/g, '')
        .replace(/\/+/g, ' > ')
        .replace(/@/g, '')
        .replace(/\[(\d+)\]/g, ':eq($1)')
        .replace(/^\s+/, '');
}
于 2013-08-24T17:43:04.897 回答
0

您是否正在寻找这样的东西：

http://jsfiddle.net/YZu8D/

.tablecont tr:nth-child(2) td:nth-child(4) {background-color: yellow; }
.tablecont tr:nth-child(3) td:nth-child(4) {background-color: yellow; }
于 2013-03-31T16:11:51.607 回答
-1

应该学习如何编写 css 选择器，但为了快速修复，请尝试：cssify

例如，我把你的 xpath 和它吐出来：html > body > div > table > tbody > tr:nth-of-type(2) > td:nth-of-type(4)

试试看。

于 2018-11-28T12:22:42.970 回答