在值为Entered jQuery之后选择下一个文本框

Question

我有一个数组

<input type="range"> text boxes.

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

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

这是小提琴

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

感谢

Answer 1

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

只需在#ok的click事件侦听器中使用这段代码。

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

查看此FIDDLE演示

更新：

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

所以，你的代码是这样的，

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"
            });
        }

查看此更新的FIDDLE演示