مشکل در دریافت مقدار اتربیوت

[naghmesra]

سلام و درود

یه کد html دارم به شکل زیر:

<div class="main"><ul class="table">
<li data-table="1" class="table"></li>
<li data-table="2" class="table"></li>
<li data-table="3" class="table"></li>
<li data-table="4" class="table"></li>
<li data-table="5" class="table"></li>
<li data-table="6" class="table"></li>
<li data-table="7" class="table"></li>
<li data-table="8" class="table"></li>
<li data-table="9" class="table"></li>
<li data-table="10" class="table"></li>
<li data-table="11" class="table"></li>
<li data-table="12" class="table"></li>
<li data-table="13" class="table"></li>
<li data-table="14" class="table"></li>
<li data-table="15" class="table"></li>
<li data-table="16" class="table"></li>
<li data-table="17" class="table"></li>
<li data-table="18" class="table"></li>
<li data-table="19" class="table"></li>
<li data-table="20" class="table"></li>
<li data-table="21" class="table green"></li>
<li data-table="22" class="table"></li>
<li data-table="23" class="table"></li>
<li data-table="24" class="table"></li>
<li data-table="25" class="table"></li>
</ul>
</div>

میخوام بدونم توی کد بالا چطور باید مقدار data-table لیست آیتمی رو بگیرم که کلاسش table green هست.
حالا با جاوااسکریپت یا جی کوئری فرقی نداره.

لطفا راهنمایی کنید.

تشکر