just_guy95
@just_guy95
Bitrix 1C

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

Доброе утро!
Есть следующий 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
  • Вопрос задан
  • 41 просмотр
Решения вопроса 1
Benzin102
@Benzin102
Shitcoder
$('.hlblock_val > .bx_filter_param_label').hover(function() {
    $('[data-id="' + $(this).attr('for') + '"]').addClass("dotted");
}
);


https://jsfiddle.net/36jqywp0/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы