>首页> IT >

jquery怎么查询上一个元素

时间:2022-03-16 15:24:41       来源:PHP中文网

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery中,可以使用prev()方法来查询指定元素的上一个元素。

prev() 方法返回被选元素的前一个同级元素。

注意:该方法只返回一个元素。

语法:

$(selector).prev(filter)

参数filter:可选,规定缩小搜索前一个同级元素范围的选择器表达式。

示例1:返回带有类名 "start" 的每个

  • 元素的前一个同级元素:

    <script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() {$("li.start").prev().css({"color": "red","border": "2px solid red"});});</script>
      ul (父节点)
    • li (兄弟节点)
    • li (类名为"start"的li节点的上一个兄弟节点)
    • li (类名为"start"的li节点)
    • li (兄弟节点)
    • li (兄弟节点)

    示例2:选取每个

    元素的前一个同级元素

    <script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() {$("div").prev().css("background-color", "yellow");});</script>

    这是一个P元素。

    这是一个标题,并且是div元素的上一个兄弟元素

    这是一个div元素。

    这是另一个P元素。

    这是一个P元素,并且是div元素的上一个兄弟元素。

    这是div里面的一个P元素。

    【推荐学习:jQuery视频教程、web前端开发视频】

    以上就是jquery怎么查询上一个元素的详细内容,更多请关注php中文网其它相关文章!

    关键词: 兄弟节点 这是一个