javascript - 当另一个元素变为事件状态时，jQuery 更改一个元素的 css

Question

当输入变为“事件”时，我正在尝试更改与输入元素相邻的标签的背景颜色。

这需要同时适用于单击输入和输入元素之间的制表符。

如果用户单击输入，我能够使它工作，但如果用户按 Tab 键进入输入元素，我的解决方案就不起作用。我还不得不为每个输入元素重复代码。考虑到我可能有很多输入元素，我想一定有更优雅的方式吗？

这是基本 HTML + CSS 的链接。

http://jsfiddle.net/xXqhH/

Answer 1

假设我已经理解您要正确执行的操作，只需将事件处理程序绑定(bind)到 focusin和 focusout事件。您可以使用 prev找到紧接在前的 sibling ，和css设置 CSS 属性:

$("input").focusin(function() {
    $(this).prev("label").css("background-color", "red");
}).focusout(function() {
    $(this).prev("label").css("background-color", "gray");
});

这是一个 updated fiddle .