Marcos
Reputation: 4930
Watir-webdriver how to access LAST matching element not first?
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>
Upvotes: 3
Views: 2786
Answers (2)
Marcos
Reputation: 4930
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>
Upvotes: 0
Chuck van der Linden
Reputation: 6660
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.
Upvotes: 12
Related Questions
- Watir-Webdriver: I want to click on the last button with the same class or value
- Watir-webdriver : Accessing elements using Indexing
- Finding nth element by class with Selenium Webdriver
- get text from each element
- Ruby Watir to get specific html element of a page
- Watir-webdriver: Locating the last ul element on page
- How to access the following link element using Watir
- watir-webdriver finding the index of a value within an array
- How to get index of parent element using Watir Webdriver?
- Locating element in same paragraph of another element in watir-webdriver