Отримання атрибуту елемента за якою був здійснений клік в 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().

Залишити відповідь

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.