Как реализовать селектор для генерируемого класса?

Question

[Boldy]

Есть группа объектов, которым присваиваются два класса u1-u*бесконечность*. Например

<div class="cell u5 u1">u1</div>
<div class="cell u10 u5">u10</div>
<div class="cell u13 u5">u13</div>
<div class="cell u1602 u13">u1602</div>

UPD
Реализуется дерево. Первый uX - мой id, второй - id моего родителя. При наведении должен подсвечиваться только мой родитель (у которого первый id равен моему второму id), я сам и все мои потомки (у которых мой первый id стоит на втором месте)

Answer 1

[Сергей Мельников]

jsbin.com/kufojo/1/edit?js,output

но лучше наверное будет так

jsbin.com/qufufo/1/edit?js,output

Answer 2

[Rsa97]

На jsfiddle

<div class="uXX u1"></div>
<div class="uXX u13"></div>
<div class="uXX u13"></div>
<div class="uXX u16"></div>

$('.uXX').hover(function() {
    $('[class="'+$(this).attr('class')+'"]').addClass('bg');
}, function() {
    $('[class="'+$(this).attr('class')+'"]').removeClass('bg');
});

.bg { 
    background-color: green;
}

Comments

[Boldy]

Не работает jsfiddle.net/amazingbasil/zep623zy

[Rsa97]

Boldy: Дык Вы сначала совершенно другую задачу описывали.

Answer 3

[Вадим Белкин]

Пример реализации скриптом для вашей структуры.