jquery - 当我单击除此以外的任何内容时，如何更改此样式的 css？

Question

我试图通过单击屏幕上的其他任何地方来更改菜单项的 css。这是为了在点击它们并更改它们的默认 css 后重置它们的 css 属性。

如果我有一个带有 id="linkitem" 的列表项，我如何点击除 #linkitem 之外的任何内容来更改它的 css。

谢谢

Answer 1

$(document).on('click', function(e) {
    if ( ! $(e.target).closest('#linkitem').length ) {
        // you clicked anywhere but on an element inside #linkitem (or itself)
        $('#linkitem').css('color', 'red');
    }
});