JSFiddle - React, Tailwind, and code Playground

HTML

<div class="1 unselected">
    <a href="#">Some link</a>
    <span><input class="selectable unselected"></span>
</div>

CSS

.selected{
    background: #333;
}

.unselected{
    background: #ccc;
}

JavaScript

$('div.1>span>input.selectable').live('focus blur', function(event) {
    $(event.target).toggleClass('selected unselected');
    
    var $parent = $(event.target)
        .parent()
        .parent();
    
    if($parent.hasClass('1'))
    {
        $parent.toggleClass('selected unselected');
    }
        
});