Comment convertir Xpath pour CSS

Mon xpath est: /html/body/div/table/tbody/tr[2]/td[4]

J'ai besoin d'obtenir un CSS à utiliser dans jsoup sélecteur.

J'ai trouvé une comparaison entre xpath et css: ici, et il est dit dans leur exemple (Second <E> element anywhere on page) que je ne peux pas le faire. Xpath xpath=(//E)[2] CSS N\A.

Peut-être que je ne peux pas trouver ce que je cherche. Des idées?

Voici le code html que je suis en train de l'analyser (j'en ai besoin pour obtenir des valeurs: 1 et 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>

Mais vous êtes à la recherche pour le deuxième élément n'importe où sur la page, ou le deuxième enfant de son parent? Si c'est l'ancien, il ne peut être fait avec le CSS.

OriginalL'auteur Kamil | 2013-03-31

11

Tandis qu'une expression comme (//E)[2] ne peuvent pas être représentés avec un sélecteur CSS, une expression comme E[2] peuvent être émulées à l'aide de la :nth-of-type() pseudo-classe:
```
html > body > div > table > tbody > tr:nth-of-type(2) > td:nth-of-type(4)
```
C'est tout. Merci 😀

OriginalL'auteur nwellnhof

Fonctionne bien pour moi.

//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+/, '');
}

Je pense que cela devrait être accepté de répondre.
Cela se traduit par le démarrage / à partir > pour le css, ce qui est faux.
Ok travaillé pour moi! Merci

OriginalL'auteur Oleksandr Knyga

Vous êtes à la recherche de quelque chose comme ceci:

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; }

OriginalL'auteur Steve Wellens

-1

On devrait apprendre à écrire les sélecteurs css, mais pour une solution rapide, essayez: cssify

Par exemple, j'ai mis dans votre xpath et il crache: html > body > div > table > tbody > tr:nth-of-type(2) > td:nth-of-type(4)

De l'essayer.

Quelque chose comme ça? @SurajRao

OriginalL'auteur New Guy

Vous devez vous connecter pour publier un commentaire.