Действие в определённом блоке
<div id=test>1</div>
<div id=test>2</div> <div id=test>3</div> Есть несколько блоков с одним и тем же İD. как сделать так что бы при нажатие на один из этих блоков выполнялось действие именно в этом блоке. Допустип .css('display', 'none') |
Цитата:
Цитата:
|
Если можно Приведите маленькие примеры
|
Samsam,
с классом? |
Samsam,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.hide{
display: none;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', function() {
[].forEach.call(document.querySelectorAll('.test'), function(item) {
item.addEventListener('click', function() {
item.classList.add("hide")
});
});
});
</script>
</head>
<body>
<div class=test>1</div>
<div class=test>2</div>
<div class=test>3</div>
</body>
</html>
|
Samsam,
пример с делегированием |
а можно этот пример сделать с использованием jquery
|
Samsam,
:-?
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$(".test").on("click", function() {
$(this).hide()
})
});
</script>
</head>
<body>
<div class=test>1</div>
<div class=test>2</div>
<div class=test>3</div>
</body>
</html>
|
Cпасибо! на jquery на много легче!
|
Цитата:
|
2 cтроки не считая саму библиотеку. В любом случаи вы правы но метод с jquery мне показался легче хотя как понимаю я использую одну тысячную из всего jquery когда можно написать всего 5 строк без использования библиотеки
|
| Часовой пояс GMT +3, время: 17:08. |