انتخاب و نمایش یک آیتم از لیست
سلام
داخل پروژه یه جدول داریم که تو ستون آخر هر سطر یه button هست که وقتی کاربر روی اون کلیک کنه یه لیست بهش نمایش داده میشه. به هر کدوم از این buttonها یه آی دی دادم و توی فانکشن کلیکش این آی دی و آی دی یوزر رو پاس میدم. حالا میخوام بدونم چیکار باید کنم که توی لیست با توجه به این آی دی ها بررسی کنه فقط li مربوطه رو نشون بده و بقیه liهارو مخفی کنه. چون در حالت کلی وقتی روی هر button کلیک میشه همه ی liها(نام یوزرها) نمایش داده میشه.
ممنون میشم راهنمایی بفرمایید
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
توی این منوی آکاردئونی هر سری چطوری میتونم ببینم که کدوم li کلاس showItem رو داره که حذف کنم و کلاس hideItem بهش بدم و به اون آیتمی که توی جدول روی show کلیک شده کلاس showItem بدم؟؟ چون الان مشکل من توی منو آکاردئونی هست که نمیدونم چجوری اون آیتمی که کلاس showItem گرفته رو پیدا کنم و بهش کلاس hideItem بدم و به آیتم جدیدی که کلیک شده کلاس showItem بدم؟
ممنون میشم راهنمایی کنید
ابتدا و بصورت پیش فرض همه ی li ها رو display:none قرار داده باشید.
بعدش طبق صحبت های قبلی، هر کدوم که لازمه رو پیدا می کنید و کلاس showItem رو بهش اضافه می کنید.
و برای مورد آخر، یعنی پیدا کردن کلاس هایی که قبلا showItem بوده اند، به روش زیر عمل کنید (نیازی هم به کلاس hideItem نیست).
let liArr = accordionElement.querySelectorAll('.showItem');
liArr.forEach(li => {
li.classList.remove('showItem')
})