Получение атрибута элемента по которому был совершен клик в JQuery

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

Итак, пусть у нас будут три кнопки-инпута. По щелчку левой кнопкой мышки компьютера на любой из них, выбранный баттон скроется из виду, а на экране интернет-обозревателя будет выведено сообщение "Вы стерли: <Заголовок_кнопки>".

JavaScript:

$(document).ready(function(){

    $("input[type='submit']").click(function(){
        alert('Вы стерли: ' + $(this).attr('value'));
        $(this).hide();
    });
    
});

HTML:

<div id="mega-druweb-ru">
    <input type="submit" value="Concrete5" />
    <input type="submit" value="1C Bitrix" />
    <input type="submit" value="MODX Revolution" />
</div>

Используем выражение $(this), как эквивалент селектора элемента по которому посетителем был совершен клик. Атрибут value получаем с помощью attr().





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.