無法通過webdriver查找動態元素

Question

我試圖找到一個動態元素並選中該複選框。一旦複選框被選中，列表會自動收到值1。我試過xpath /css，但沒有任何結果。

DOM：

<table class="bulk_task_table"> 
<tbody> 
<tr class="table_row"> 
<td class="servicenamewrapper"> 
<td style="margin:0; padding:0; border:0; width:0;"></td> 
<td style="margin:0; padding:0; border:0; width:0;"></td> 
<td class="skill_name" width="160px"> 
<div id="c23743691548_ctl" style="display:inline;"> 
<div id="c23743691548" class="skillwrapper" style="background-color:#FFFFFF;"> 
<span id="c525_ctl"> 
<div class="renderWithName"> 
<div class="left"> 
<label for="c525">service</label> 
</div> 
<div class="right"> 
<input id="c525" class="skill48" name="c525" type="checkbox"> 
</div> 
</div> 
</span> 
<span id="c526_ctl"> 
<select id="c526" class="listbox skill48" name="c526" size="1"> 
<option value="0">0</option> 
<option value="1">1</option> 
</select> 
</span> 
</div> 
</div> 
</td> 
<tr class="table_row"> 
<td class="servicenamewrapper"> </td> 
<td class="skill_name"> 
<td class="skill_name"> 
<td class="skill_name"> 
<div id="c529_ctl" style="display:inline;"> 
<div id="c529" class="globalswitchwrapper"> 
<span id="c530_ctl"> 
<div class="renderWithName"> 
<div class="left"> 
<label for="c530">Service</label> 
</div> 
<div class="right"> 
<input id="c530" class="skill48" name="c530" type="checkbox"> 
</div> 
</div> 
</span> 
<span id="c531_ctl"> 
<select id="c531" class="listbox skill48" name="c531" size="1"> 
<option value="0">0</option> 
<option value="1">1</option> 
<option value="2">2</option> 

OBS：因爲它可以在上面的代碼看來，有兩個列表稱爲「服務」具有相同的類名。

Answer 1

您可以根據它們的出現次序選擇所需的動態元素。例如，如果您要選擇第一個出現的複選框，可以使用以下的XPath：

//table[@class='bulk_task_table']/descendant::input[starts-with(@class, 'skill')][1] 

同樣，如果您想選擇第二個出現的複選框，可以使用以下XPath：

//table[@class='bulk_task_table']/descendant::input[starts-with(@class, 'skill')][2] 

此外，以同樣的方式，您可以選擇出現在動態元素中的其他控件。例如，如果要選擇第二次出現的選擇控制，則可以使用以下的xpath：

//table[@class='bulk_task_table']/descendant::select[starts-with(@class, 'listbox skill')][2] 

如果需要，可以參數化謂詞（[]）的值也是如此。讓我知道，如果你有任何進一步的疑問。