jQuery - 在所有输入都获得焦点后删除Class？

Question

我有一个包含三个子组输入(各种类型)的表单。子组由类名(.group_1、.group_2、.group_3)表示。

我想做的是:

一旦特定类(例如 .group_1)的所有输入都获得焦点(或被更改，两者都可以工作)，单独跨度的类将被删除(假设使用removeClass)。如果特定类中的 5 个输入中只有 4 个获得焦点(或已更改)，则该类将保留在跨度上，直到第 5 个输入获得焦点或更改。

希望这是有道理的，提前感谢您的帮助。

Answer 1

像这样简单的事情怎么样:

http://jsfiddle.net/zerkms/7EUas/

var selectedMarkerClass = 'was-selected';

$('.group_1').on('focus', function() {
    $(this).addClass(selectedMarkerClass);

    if ($('.' + selectedMarkerClass).length == $('.group_1').length) {
        $('div').text('each input was selected at least once');
    }
});​

？