سلام
فرض کنید یک صفحه داریم که بعضی div آن دارای کلاسهای همنام می باشد حال می خواهم هرگاه روی هرکدام از divهای موردنظر کلیک کردم رنگ div های که نام class یکسان می باشد رنگشان عوض شود سوال من این است که چگونه می توانم div های مورد نظر را بدست اورم باتشکر
سلام
توسط جاوااسکریپت و این خط را بنویس
document.getElementByClassName("xxx")
با سلام خدمت شما
کد زیر رو در نظر بگیرین:
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="box">
test message
</div>
<div class="box">
test message
</div>
<div class="box">
test message
</div>
<div class="box">
test message
</div>
<script src="/jquery.min.js"></script>
<script src="/test.js"></script>
</body>
</html>
کد زیر با استفاده از Jquery دستوری که میخواین رو پیاده سازی میکنه:
$(document).ready(function () {
$(".box").click(function (e) {
$(this).css('color', 'red');
});
});
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)