从ul中选择li：带有Javascript和Jquery的下拉框

Question

我有一个网页中的html：

<div class="form-group">
    <div class="btn-group">
        <button type="button" id="tgbtn" 
           class="btn btn-default" style="min-width: 110px;">Search by</button>
        <button type="button" data-toggle="dropdown" 
                class="btn btn-default  dropdown-toggle">
                <span class="caret"></span>
          </button>

        <ul class="dropdown-menu pull-left">
            <li><a href="#">Name</a></li>
            <li><a href="#">Parcel #</a></li>
            <li><a href="#">PIN</a></li>
            <li><a href="#">Property Location</a></li>
            <li><a href="#">Mailing Address</a></li>
        </ul>

上面的代码通过一个JS库在网页上形成了一个下拉框，但是，当然，它不是一个select -option下拉框。 在这种特殊情况下，我需要的是一行JavaScript（最好是第二行：jquery），它将在伪下拉列表中选择要选择的'Mailing Address' 。

我尝试了几件事没有成功。 这是用于另一个网站的网页抓取，这就是为什么我要寻找一个衬板而不是功能等的原因。

Answer 1

您可以使用eq。 将匹配的元素集减少到指定索引处的元素。

jQuery的：

$('.form-group').find('.dropdown-menu').find('li').eq(4).click();

您可以将要选择的元素的索引提供给.eq(index)方法。

Answer 2

$('.form-group').find('.dropdown-menu').find('li').last().click();