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库之一在网页上形成一个下拉框，但当然不是选择-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();

使用Javascript和Jquery从ul：下拉框中选择li

2 个答案: