当 div 聚焦时更改 div 中元素的类？

Question

当父 div 获得焦点时，如何更改 div 内元素的类？

就像我活跃在

<div id="window" class="fenster"><a class="bye"></a></div>

A班时变成了你好？

Answer 1

假设“聚焦”是指鼠标悬停在其上并且可以使用 jQuery？

$('#window').mouseover(function() {
    $('a.bye', this).removeClass('bye').addClass('hello');
});

如果您想在鼠标移出时重置类：

$('#window').hover(function() {
    $('a.bye, a.hello', this).toggleClass('bye').toggleClass('hello');
});

JSFiddle 示例

仅使用 javascript 的 JSFiddle 示例

Answer 2

您可以在没有 jquery 的情况下执行此操作：

document.getElementById('window').setAttribute('class', 'newclassname');