data-country

[olampiad]

سلام
به این کد ها یه نگا بندازید.

<ul>
<li>
<div>14 - Aircraft Maintenance</div>
<ul>
<li data-country="Ireland" title="GOLD">Colin Callaghan </li>
<li data-country="Finland" title="SILVER">Antti Ukkonen </li>
<li data-country="Canada" title="BRONZE">Ryan Gomes </li>
</ul>
</li>
<li>
<div>13 - Autobody Repair</div>
<ul>
<li data-country="Japan" title="GOLD">Yuichi Sawaki </li>
<li data-country="Denmark" title="SILVER">Nikolaj Vinther Buur-Mouridsen</li>
<li data-country="Chinese Taipei" title="SILVER">MIN-CHEN CHO</li>
<li data-country="United Kingdom" title="SILVER">Ross Varnam </li>
</ul>
</li>
<li>
<div>33 - Automobile Technology</div>
<ul>
<li data-country="Switzerland" title="GOLD">Flavio Helfenstein</li>
<li data-country="Japan" title="GOLD">Shota Takeda </li>
<li data-country="United Kingdom" title="BRONZE">John Couldridge </li>
</ul>
</li>
<li>
<div>36 - Car Painting</div>
<ul>
<li data-country="Korea" title="GOLD">Dong Cheol An </li>
<li data-country="Australia" title="SILVER">Kye Szeniak </li>
<li data-country="Canada" title="BRONZE">Aaron Hebb</li>
<li data-country="Norway" title="BRONZE">Fredrik Røed Meek</li>
<li data-country="Sweden" title="BRONZE">Erik Groth</li>
<li data-country="United Kingdom" title="BRONZE">Ben Eaton </li>
</ul>
</li>

من می خوام تو این جا به همه ی data-country ها دسترسی داشته باشم و اونا رو داخل یه آرایه قرار دهم.
تو dom موندم .
خیلی سخته.
نمی شه مثل جی کوئری آدرس دهی کرد.
ممنون

[Javidhb]

1.
()querySelectorAll (https://developer.mozilla.org/en-US/docs/Web/API/document.querySelectorAll)


var elements = document.querySelectorAll('[data-country]');


2.
میتونی یه تابع بنویسی که همه عناصر صفحه رو بگیره و تک تکشون رو بررسی کنه و اونایی رو که
خاصیت data-country رو دارن به یه آرایه اضافه کنه.