Как при помощи атрибутов при наведении на один элемент присвоить class другому?

Question

[Андрей Белый]

Доброе утро!
Есть следующий HTML:

<div class="bx_filter_parameters_box_container  hlblock_description_block">
    <div class="hlblock_val">
        <label for="arrFilter_296_3963809016" class="bx_filter_param_label pal nab">
        <label for="arrFilter_296_3963809777" class="bx_filter_param_label pal nab">
        <label for="arrFilter_296_3963809111" class="bx_filter_param_label pal nab">
        <label for="arrFilter_296_3963809444" class="bx_filter_param_label pal nab">
    </div>
    <div class="hlblock_inf">
        <div class="hlblock_shell" data-id="arrFilter_296_3963809016"></div>
        <div class="hlblock_shell" data-id="arrFilter_296_3963809777"></div>
        <div class="hlblock_shell" data-id="arrFilter_296_3963809111"></div>
        <div class="hlblock_shell" data-id="arrFilter_296_3963809444"></div>
    </div>
</div>

$('.hlblock_val > .bx_filter_param_label').hover(function() {
	console.log($(this).attr('for'));
	if ($("div").attr('for') == $(this).attr('for')) {
		$("div").addClass("dotted");
	}
}
);

Необходимо при наведении на label (bx_filter_param_label) показать div (hlblock_shell), и у div'a и у label'a есть одинаковые значения в атрибутах for и data-id.
Пытался div'у присвоить класс active, пытался с помощью hide и show показать, плохо знаю синтаксис js, jq

Answer 1

[Pashok Doom]

$('.hlblock_val > .bx_filter_param_label').hover(function() {
    $('[data-id="' + $(this).attr('for') + '"]').addClass("dotted");
}
);

https://jsfiddle.net/36jqywp0/

Comments

[Андрей Белый]

Спасибо!