ruby - Watir-webdriver最初ではなく、最後に一致する要素にアクセスする方法は？

Question

動的なWebページでは、一致する要素の数が事前にわからないため、使用するインデックス番号がわかりません。

watir-webdriverは、デフォルトのように最初ではなく、最後に一致する要素にアクセスする方法を提供しますか？

問題のHTMLはカレンダーコントロールを形成します

<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">Â&nbsp;1Â&nbsp;</p></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;2Â&nbsp;</p></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;3Â&nbsp;</p></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;4Â&nbsp;</p></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;5Â&nbsp;</p></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;6Â&nbsp;</p></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;7Â&nbsp;</p></td></tr>
    <tr>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;8Â&nbsp;</p></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;9Â&nbsp;</p></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;10Â&nbsp;</p></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;11Â&nbsp;</p></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;12Â&nbsp;</p></td>
      <td align="right"><a class="current-day-style selected-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=13;closeCalendar();doOtherFunctions();">Â&nbsp;13Â&nbsp;</a></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;14Â&nbsp;</p></td></tr>
    <tr>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;15Â&nbsp;</p></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=16;closeCalendar();doOtherFunctions();">Â&nbsp;16Â&nbsp;</a></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=17;closeCalendar();doOtherFunctions();">Â&nbsp;17Â&nbsp;</a></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=18;closeCalendar();doOtherFunctions();">Â&nbsp;18Â&nbsp;</a></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=19;closeCalendar();doOtherFunctions();">Â&nbsp;19Â&nbsp;</a></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=20;closeCalendar();doOtherFunctions();">Â&nbsp;20Â&nbsp;</a></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;21Â&nbsp;</p></td></tr>
    <tr>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;22Â&nbsp;</p></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=23;closeCalendar();doOtherFunctions();">Â&nbsp;23Â&nbsp;</a></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=24;closeCalendar();doOtherFunctions();">Â&nbsp;24Â&nbsp;</a></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=25;closeCalendar();doOtherFunctions();">Â&nbsp;25Â&nbsp;</a></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=26;closeCalendar();doOtherFunctions();">Â&nbsp;26Â&nbsp;</a></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=27;closeCalendar();doOtherFunctions();">Â&nbsp;27Â&nbsp;</a></td>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;28Â&nbsp;</p></td></tr>
    <tr>
      <td align="right"><p class="end-of-weekday-style">Â&nbsp;29Â&nbsp;</p></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=30;closeCalendar();doOtherFunctions();">Â&nbsp;30Â&nbsp;</a></td>
      <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=31;closeCalendar();doOtherFunctions();">Â&nbsp;31Â&nbsp;</a></td></tr>
  </tbody>
</table>

score 12 · Accepted Answer

これを試してください（例では、div要素を探していると想定しています）

browser.divs(:how => 'what').last

ほとんどの要素の複数形は、一致する要素のコレクションを返します（たとえば、必要に応じて要素/タグ名に追加sまたは追加esします。div-> divs、address-> addresss）そしてRuby、それが高速な方法を持っている素晴らしい言語.lastメソッドを介してコレクションの最後の要素を取得します。

score 0 · Accepted Answer

tmppost。

問題のHTMLはポップアップカレンダーです。

<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">Â&nbsp;1Â&nbsp;</p>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;2Â&nbsp;</p>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;3Â&nbsp;</p>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;4Â&nbsp;</p>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;5Â&nbsp;</p>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;6Â&nbsp;</p>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;7Â&nbsp;</p>
        </td>
    </tr>
    <tr>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;8Â&nbsp;</p>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;9Â&nbsp;</p>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;10Â&nbsp;</p>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;11Â&nbsp;</p>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;12Â&nbsp;</p>
        </td>
        <td align="right"><a class="current-day-style selected-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=13;closeCalendar();doOtherFunctions();">Â&nbsp;13Â&nbsp;</a>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;14Â&nbsp;</p>
        </td>
    </tr>
    <tr>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;15Â&nbsp;</p>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=16;closeCalendar();doOtherFunctions();">Â&nbsp;16Â&nbsp;</a>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=17;closeCalendar();doOtherFunctions();">Â&nbsp;17Â&nbsp;</a>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=18;closeCalendar();doOtherFunctions();">Â&nbsp;18Â&nbsp;</a>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=19;closeCalendar();doOtherFunctions();">Â&nbsp;19Â&nbsp;</a>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=20;closeCalendar();doOtherFunctions();">Â&nbsp;20Â&nbsp;</a>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;21Â&nbsp;</p>
        </td>
    </tr>
    <tr>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;22Â&nbsp;</p>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=23;closeCalendar();doOtherFunctions();">Â&nbsp;23Â&nbsp;</a>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=24;closeCalendar();doOtherFunctions();">Â&nbsp;24Â&nbsp;</a>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=25;closeCalendar();doOtherFunctions();">Â&nbsp;25Â&nbsp;</a>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=26;closeCalendar();doOtherFunctions();">Â&nbsp;26Â&nbsp;</a>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=27;closeCalendar();doOtherFunctions();">Â&nbsp;27Â&nbsp;</a>
        </td>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;28Â&nbsp;</p>
        </td>
    </tr>
    <tr>
        <td align="right">
            <p class="end-of-weekday-style">Â&nbsp;29Â&nbsp;</p>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=30;closeCalendar();doOtherFunctions();">Â&nbsp;30Â&nbsp;</a>
        </td>
        <td align="right"><a class="normal-day-style" onmousemove="window.status=&quot; &quot;" onmouseout="window.status=&quot; &quot;" title="" href="javascript:dateSelected=31;closeCalendar();doOtherFunctions();">Â&nbsp;31Â&nbsp;</a>
        </td>
    </tr>
</tbody>

ruby - Watir-webdriver最初ではなく、最後に一致する要素にアクセスする方法は？

2 に答える 2

Related

Reference