Использование jQuery для назначения активного класса тегу области (карта изображения)

Question

Есть ли способ с помощью jQuery назначить активный класс тегу области на карте?

У меня есть несколько областей, определенных так:

<map name="mappy"> 
    <area shape="rect" coords="162,105,179,136" href="#" title="Unique Title 1" alt="Unique Title 1" /> 
    <area shape="rect" coords="205,72,222,101" href="#" title="Unique Title 2" alt="Unique Title 2" /> 
</map>

Что мне нужно выяснить, так это то, можно ли добавить какой-нибудь jQuery, который вынюхивает тег заголовка или alt и применяет активный класс к области, если есть совпадение.1008 * к области.Возможно ли это?

Answer 1

Вы можете использовать селектор-атрибут , чтобы найти его, и .addClass(), чтобы выполнить фактическое добавление, например:

$("area[title='Unique Title 1']").addClass("active");

Answer 2

Я не совсем уверен, что полностью понимаю, о чем вы просите, но это может сделать это:

$(document).ready(function() {
    $("map.mappy area").click(function() {
        $("map.mappy area").removeClass("active");  //Make sure no other "active" classes exist
        $(this).addClass("active");  //Add the active class to the area that was clicked
    });
});

Надеюсь, вы хотели добавить активный класс в событие щелчка, если нет, я уверен, что это можно легко изменить в соответствии с вашими потребностями (зависание или любое другое событие, которое вы ищете).