值为“输入jQuery”后，选择下一个文本框

Question

我有一个

数组

<input type="range"> text boxes.

单击提交时，滑块的值将发送到选择框。

我想知道点击提交时是否可以选择下一个框，而不是点击框本身。

这里是小提琴

http://jsfiddle.net/salvonostrato/hygc6/

谢谢

Answer 1

从元素中删除当前clicked类，并将background颜色更改为red，然后找到next文本框。然后添加clicked课程，然后将background颜色更改为white。

只需在#ok＆＃39; click事件监听器中使用此段代码。

    $('.clicked').removeClass('clicked').css({
        background: "red"
    }).next().next('[type=text]').addClass('clicked').css({
        background: "white"
    });

的 SEE THIS FIDDLE DEMO

更新：

你手中还有另一种武器。也就是说，您在所有.freqbox框中使用了input类。因此，您可以.freqbox找到.freqbox:last的最后一个元素，使用.freqbox找到.freqbox:first的第一个元素。

所以，你的代码就像这样，

if ($('.clicked').is('.freqbox:last')) {
            alert('true');
            $('.clicked').removeClass('clicked').css({
                background: "red"
            }).siblings('.freqbox:first').addClass('clicked').css({
                background: "white"
            });
        } else {
            alert('false');
            $('.clicked').removeClass('clicked').css({
                background: "red"
            }).next().next('[type=text]').addClass('clicked').css({
                background: "white"
            });
        }

的 SEE THIS UPDATED FIDDLE DEMO