时间戳

首页 > 解决方案 > 如何使用第一个类型

jquery - 如何使用第一个类型

问题描述

我的 html 代码我不会只得到第一个a[rel=next]元素

<div id="devices">
    <div class="display-controls">
        <div class="pagenav">
            <a rel="next" class="ahrf" href=".html"><i class="fa fa-angle-right"></i></a>
            <a rel="last" class="ahrf" href=".html">Last <i class="fa fa-angle-double-right"></i></a>
        </div>
    </div>
    /**some code**/

    <div class="display-controls">
        <div class="pagenav">
            <a rel="next" class="ahrf" href=".html"><i class="fa fa-angle-right"></i></a>
            <a rel="last" class="ahrf" href=".html">Last <i class="fa fa-angle-double-right"></i></a>
        </div>
    </div>
</div>

如何首先获得<a rel="next" 我的尝试

 $('.display-controls .pagenav a[rel="next"]:first-of-type')

不工作

标签： jqueryhtmlcss

解决方案

请尝试如下：

var res = $('.display-controls .pagenav a[rel="next"]:first');
console.log("result",res);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="devices">
    <div class="display-controls">
        <div class="pagenav">
            <a rel="next" class="ahrf" href=".html">next1<i class="fa fa-angle-right"></i></a>
            <a rel="last" class="ahrf" href=".html">Last <i class="fa fa-angle-double-right"></i></a>
        </div>
    </div>
    /**some code**/

    <div class="display-controls">
        <div class="pagenav">
            <a rel="next" class="ahrf" href=".html">next2<i class="fa fa-angle-right"></i></a>
            <a rel="last" class="ahrf" href=".html">Last <i class="fa fa-angle-double-right"></i></a>
        </div>
    </div>
</div>

推荐阅读