次のhtmlのxpath/cssを取得しようとしています

Question

私は動的なxpathまたはcssロケータを作成して、アカウント情報を含む行列テーブルの最初の列である画像を検索、編集、削除しようとしています。各アカウントは、次のhtmlコードのjohng@teat.comなどの電子メールIDによって区別されます。

私が探しているのは、既知のアカウントのメールIDに基づいてアイコン/リンクの編集と削除をクリックできるxpath/cssロケータを書く方法です。

<td nowrap="nowrap"><a href="#" onclick="$('table.jsonTable').matrix('remove',528); return false;" title="remove"><img src="sourcelocation/delete.png" alt="remove" style="border: 0px;"></a>&nbsp;<a href="#" onclick="return heClick(528);"><img src="sourcelocation/apedit.png" alt="view/edit" style="border: 0px;"></a></td><td>John</td><td>Ghoper</td><td>johng@test.com</td><td></td><td style="white-space: normal">Reports Viewer</td><td style="white-space: normal">test.com</td><td>never</td> 
<td nowrap="nowrap"><a href="#" onclick="$('table.jsonTable').matrix('remove',302); return false;" title="remove"><img src="sourcelocation/delete.png" alt="remove" style="border: 0px;"></a>&nbsp;<a href="#" onclick="return heClick(302);"><img src="sourcelocation/apedit.png" alt="view/edit" style="border: 0px;"></a></td><td>Chris</td><td>Phela</td><td>kphela@test1.com</td><td></td><td style="white-space: normal">Reports Viewer</td><td style="white-space: normal">test1.com</td><td>never</td> 
<td nowrap="nowrap"><a href="#" onclick="$('table.jsonTable').matrix('remove',528); return false;" title="remove"><img src="sourcelocation/delete.png" alt="remove" style="border: 0px;"></a>&nbsp;<a href="#" onclick="return heClick(890);"><img src="sourcelocation/apedit.png" alt="view/edit" style="border: 0px;"></a></td><td>John</td><td>Ghoper</td><td>Pattyg@test2.com</td><td></td><td style="white-space: normal">Reports Viewer</td><td style="white-space: normal">test2.com</td><td>never</td> 

Answer 1

少し修正して整形しました。ここに私の答えが基づいているサンプルです。今

<root> 
    <td nowrap="nowrap"> 
<a href="#" onclick="$('table.jsonTable').matrix('remove',528); return false;" 
    title="remove"> 
    <img src="sourcelocation/delete.png" alt="remove" style="border: 0px;" /> 
</a> 
<a href="#" onclick="return heClick(528);"> 
    <img src="sourcelocation/apedit.png" alt="view/edit" style="border: 0px;" /> 
</a> 
</td> 
<td>John</td> 
<td>Ghoper</td> 
<td>johng@test.com</td> 
<td></td> 
<td style="white-space: normal">Reports Viewer</td> 
<td style="white-space: normal">test.com</td> 
<td>never</td> 
<td nowrap="nowrap"> 
<a href="#" onclick="$('table.jsonTable').matrix('remove',302); return false;" 
    title="remove"> 
    <img src="sourcelocation/delete.png" alt="remove" style="border: 0px;" /> 
</a> 
<a href="#" onclick="return heClick(302);"> 
    <img src="sourcelocation/apedit.png" alt="view/edit" style="border: 0px;" /> 
</a> 
</td> 
<td>Chris</td> 
<td>Phela</td> 
<td>kphela@test1.com</td> 
<td></td> 
<td style="white-space: normal">Reports Viewer</td> 
<td style="white-space: normal">test1.com</td> 
<td>never</td> 
<td nowrap="nowrap"> 
<a href="#" onclick="$('table.jsonTable').matrix('remove',528); return false;" 
    title="remove"> 
    <img src="sourcelocation/delete.png" alt="remove" style="border: 0px;" /> 
</a> 
<a href="#" onclick="return heClick(890);"> 
    <img src="sourcelocation/apedit.png" alt="view/edit" style="border: 0px;" /> 
</a> 
</td> 
<td>John</td> 
<td>Ghoper</td> 
<td>Pattyg@test2.com</td> 
<td></td> 

既知の電子メールIDに基づいて、削除リンクを選択するために、あなたはこのことができます//td[text()='johng@test.com']/preceding-sibling::td/a/img[contains(@alt,'edit')]

希望を書くことができ、既知の電子メールIDに基づいて、編集アイコンを選択するには//td[text()='johng@test.com']/preceding-sibling::td/a[@title='remove']

を書くことができます。