drop-down-menu - Watir：单击具有相同属性的下拉菜单

Question

<div class="subtab">
    <button class="ui-multiselect ui-widget ui-state-default ui-corner-all" type="button" aria-haspopup="true" style="width: 231px;">
        <span class="ui-icon ui-icon-triangle-2-n-s"></span>
            <span>None</span>
    </button>
    <button class="ui-multiselect ui-widget ui-state-default ui-corner-all" type="button" aria-haspopup="true" style="width: 231px;">
        <span class="ui-icon ui-icon-triangle-2-n-s"></span>
            <span>None</span>
    </button>
</div>

这是 2 个下拉菜单（第一个在第二个的正上方）。它们都具有完全相同的属性。如何指定点击哪一个？我什至不确定为什么它们具有相同的确切属性，但它们确实如此。

Answer 1

您可以使用 :index 定位器来指定返回哪些匹配元素。例如:index => 0将返回第一个匹配元素，:index => 1将返回第二个匹配元素，等等。注意:index 是从0 开始的（即从0 开始）。

# To click the first one
browser.button(:class => class="ui-multiselect", :index => 0).click

# To click the second one
browser.button(:class => class="ui-multiselect", :index => 1).click