如何从具有多个同名 类 的 HTML 中获取值？

Question

如何从下面的 HTML 中获取 "Feb 2015" 的值？我面临的问题是可能有多个 "col-lg-4 col-md-6" 类 或只有一个，具体取决于用户提供的关于他们自己的信息量：

<div class="row">

            <div class="col-lg-4 col-md-6">
                <dl>
                    <dt>Resident Since</dt>
                    <dd>Mar 2013</dd>
                </dl>
            </div>

                                <div class="col-lg-4 col-md-6">
                    <dl>
                        <dt>Hometown</dt>
                        <dd>New York</dd>
                    </dl>
                </div>

                                <div class="col-lg-4 col-md-6">
                    <dl>
                        <dt>Occupation</dt>
                        <dd>Builder</dd>
                    </dl>
                </div>

            <div class="col-lg-4 col-md-6">
                <dl>
                    <dt>Joined</dt>
                    <dd>Feb 2015</dd>
                </dl>
            </div>

        </div>

Answer 1

有多种方法可以做到这一点。如果您想根据 dt 中的内容找到 xpath，因为这确保 joined date 然后执行以下操作 xpath

//div[@class='col-lg-4 col-md-6']//dt[.='Joined']/../dd

或者，如果它总是最后一个 child 你可以使用下面的 css

.col-lg-4.col-md-6:last-child dd