jQuery的遍历-prev()和next()方法(购物车数量加减)

发布时间 2023-04-21 09:55:11作者: 前端白雪
jQuery的遍历-prev()和next()方法
<div class="box" id="box">

<a href='#' class="a">       

<input type="text" class="atxt"  value="1">

<a href='#' class="b">       

    </div>

<script>

$(function(){

const $add = $(".b")

const $reduce = $(".a")

$add.click(function () {
        //获取值
        let value = $(this).prev().val()
        // console.log(value)
        value++
        //输出到数量框
        $(this).prev().val(value)
    })
    //减少
    $reduce.click(function () {
        let value = $(this).next().val()
        if (value == 1) return
        value--
        $(this).next().val(value)
    })
ps:1.prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素

2.next() 获得匹配元素集合中每个元素紧邻的后一个同胞元素