Question

我想要的是通过最近的选择器选择.alpha类范围，并且要改变其中的数字但是我无法使其工作。

HTML

<h4>
    <span class="c1-rgba"></span>
    <span class="alpha">0.0</span>
    <input class="increaseAlpha" type="button" name="increase" value="+">
    <input class="decreaseAlpha" type="button" name="decrease" value="-">
</h4>

的jQuery

$(function() {
    $(".increaseAlpha").click(function() {
        $(this).closest('span').text(  ( Math.min(1, Number($(".alpha").text()) + 0.1)).toFixed(1) )
    });
});

Answer 1

.alpha不是.increaseAlpha中最接近的元素。它是.increaseAlpha的兄弟姐妹。请尝试使用siblings()方法进行操作。

＆＃13;

$(".increaseAlpha").click(function() {
    var alpha  = $(this).siblings('span.alpha');
    alpha.text((Math.min(1, Number(alpha.text()) + 0.1)).toFixed(1))
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h4>
    <span class="c1-rgba"></span>
    <span class="alpha">0.0</span>
    <input class="increaseAlpha" type="button" name="increase" value="+">
    <input class="decreaseAlpha" type="button" name="decrease" value="-">
</h4>

＆＃13;

与Jquery最接近的问题

1 个答案: