Watir-webdriver how to access LAST matching element not first?
https://stackoverflow.com/questions/8854368
-
28-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian题
On a dynamic web page I don't know the number of matching elements upfront, so I won't know which index # to use.
Does watir-webdriver provide a way to access the LAST matching element, not first as by default?
The HTML in question forms a calendar control
<table border="0" class="body-style">
<tbody>
<tr>
<td width="27" align="right"><b>Sun</b></td>
<td width="27" align="right"><b>Mon</b></td>
<td width="27" align="right"><b>Tue</b></td>
<td width="27" align="right"><b>Wed</b></td>
<td width="27" align="right"><b>Thu</b></td>
<td width="27" align="right"><b>Fri</b></td>
<td width="27" align="right"><b>Sat</b></td></tr>
<tr>
<td align="right"><p class="end-of-weekday-style">Â 1Â </p></td>
<td align="right"><p class="end-of-weekday-style">Â 2Â </p></td>
<td align="right"><p class="end-of-weekday-style">Â 3Â </p></td>
<td align="right"><p class="end-of-weekday-style">Â 4Â </p></td>
<td align="right"><p class="end-of-weekday-style">Â 5Â </p></td>
<td align="right"><p class="end-of-weekday-style">Â 6Â </p></td>
<td align="right"><p class="end-of-weekday-style">Â 7Â </p></td></tr>
<tr>
<td align="right"><p class="end-of-weekday-style">Â 8Â </p></td>
<td align="right"><p class="end-of-weekday-style">Â 9Â </p></td>
<td align="right"><p class="end-of-weekday-style">Â 10Â </p></td>
<td align="right"><p class="end-of-weekday-style">Â 11Â </p></td>
<td align="right"><p class="end-of-weekday-style">Â 12Â </p></td>
<td align="right"><a class="current-day-style selected-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=13;closeCalendar();doOtherFunctions();">Â 13Â </a></td>
<td align="right"><p class="end-of-weekday-style">Â 14Â </p></td></tr>
<tr>
<td align="right"><p class="end-of-weekday-style">Â 15Â </p></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=16;closeCalendar();doOtherFunctions();">Â 16Â </a></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=17;closeCalendar();doOtherFunctions();">Â 17Â </a></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=18;closeCalendar();doOtherFunctions();">Â 18Â </a></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=19;closeCalendar();doOtherFunctions();">Â 19Â </a></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=20;closeCalendar();doOtherFunctions();">Â 20Â </a></td>
<td align="right"><p class="end-of-weekday-style">Â 21Â </p></td></tr>
<tr>
<td align="right"><p class="end-of-weekday-style">Â 22Â </p></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=23;closeCalendar();doOtherFunctions();">Â 23Â </a></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=24;closeCalendar();doOtherFunctions();">Â 24Â </a></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=25;closeCalendar();doOtherFunctions();">Â 25Â </a></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=26;closeCalendar();doOtherFunctions();">Â 26Â </a></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=27;closeCalendar();doOtherFunctions();">Â 27Â </a></td>
<td align="right"><p class="end-of-weekday-style">Â 28Â </p></td></tr>
<tr>
<td align="right"><p class="end-of-weekday-style">Â 29Â </p></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=30;closeCalendar();doOtherFunctions();">Â 30Â </a></td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=31;closeCalendar();doOtherFunctions();">Â 31Â </a></td></tr>
</tbody>
</table>
解决方案
Try this (example assumes you are looking for div elements)
browser.divs(:how => 'what').last
The plural for most elements will return a collection of matching elements (e.g. add s or es to the element/tag name as would be appropriate. div -> divs, address -> addresses) And Ruby, great language that it is has a fast way to get the last element in collection via the .last method.
其他提示
tmp post.
The HTML in question is a popup calendar:
<table border="0" class="body-style">
<tbody>
<tr>
<td width="27" align="right"><b>Sun</b>
</td>
<td width="27" align="right"><b>Mon</b>
</td>
<td width="27" align="right"><b>Tue</b>
</td>
<td width="27" align="right"><b>Wed</b>
</td>
<td width="27" align="right"><b>Thu</b>
</td>
<td width="27" align="right"><b>Fri</b>
</td>
<td width="27" align="right"><b>Sat</b>
</td>
</tr>
<tr>
<td align="right">
<p class="end-of-weekday-style">Â 1Â </p>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 2Â </p>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 3Â </p>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 4Â </p>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 5Â </p>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 6Â </p>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 7Â </p>
</td>
</tr>
<tr>
<td align="right">
<p class="end-of-weekday-style">Â 8Â </p>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 9Â </p>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 10Â </p>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 11Â </p>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 12Â </p>
</td>
<td align="right"><a class="current-day-style selected-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=13;closeCalendar();doOtherFunctions();">Â 13Â </a>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 14Â </p>
</td>
</tr>
<tr>
<td align="right">
<p class="end-of-weekday-style">Â 15Â </p>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=16;closeCalendar();doOtherFunctions();">Â 16Â </a>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=17;closeCalendar();doOtherFunctions();">Â 17Â </a>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=18;closeCalendar();doOtherFunctions();">Â 18Â </a>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=19;closeCalendar();doOtherFunctions();">Â 19Â </a>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=20;closeCalendar();doOtherFunctions();">Â 20Â </a>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 21Â </p>
</td>
</tr>
<tr>
<td align="right">
<p class="end-of-weekday-style">Â 22Â </p>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=23;closeCalendar();doOtherFunctions();">Â 23Â </a>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=24;closeCalendar();doOtherFunctions();">Â 24Â </a>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=25;closeCalendar();doOtherFunctions();">Â 25Â </a>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=26;closeCalendar();doOtherFunctions();">Â 26Â </a>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=27;closeCalendar();doOtherFunctions();">Â 27Â </a>
</td>
<td align="right">
<p class="end-of-weekday-style">Â 28Â </p>
</td>
</tr>
<tr>
<td align="right">
<p class="end-of-weekday-style">Â 29Â </p>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=30;closeCalendar();doOtherFunctions();">Â 30Â </a>
</td>
<td align="right"><a class="normal-day-style" onmousemove="window.status=" "" onmouseout="window.status=" "" title="" href="javascript:dateSelected=31;closeCalendar();doOtherFunctions();">Â 31Â </a>
</td>
</tr>
</tbody>
不隶属于 StackOverflow
