javascript - 将焦点设置在下一个下拉列表而不是使用 blur() 方法？

Question

问题:
我有很多下拉菜单，随时都在进行动态更改。问题是我必须使用 blur() 方法来禁用焦点，以便可以应用取决于所选值的类。

有没有办法可以将焦点设置到下一个下拉元素上。

尝试过:
我试过这个而不是 blur()，但它没有用。

this.next(".Element").focus();

当前代码:

$('.Element').change(function () {
            var colour = $(this).find('option:selected').attr('class');
            $(this).removeClass().addClass(colour);
            this.blur();
        }).change

JS fiddle :
jsfiddle of my code

Answer 1

尝试制作this一个 jQuery 对象来聚焦另一个元素

$(this).next(".keyTechElement").focus();

编辑 1: 看到您的 DOM，需要进行更改。 .next()函数在 DOM 和内部选择 sibling <td>没有.Element sibling 。

$(this).blur();
$(this).closest('td').next("td").find(".Element").focus();

http://jsfiddle.net/UXJZ7/2/