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

سلام و درود

یه کد 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 هست.
حالا با جاوااسکریپت یا جی کوئری فرقی نداره.

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

تشکر

کد:

---

var s = $(".table.green").attr("data-table");

---

درود

نقل قول:

---

نوشته اصلی توسط T.Toosi

کد:

---

var s = $(".table.green").attr("data-table");

---

---

این کد درسته ولی بعضی وقت ها undefined میده انگار بستگی به موقعیتش داره.

میشه بگید دقیقا جریانش چیه؟

بعد یه سوال دیگه اگر چند تا از این li ها کلاس table green داشته باشه چطور عدد data-table اولین li ایی رو که table green داره بگیرم؟

تشکر

کد PHP:

---

$('.table li').each(function(i)
{
   $(this)..attr("data-table"); // This is your rel value
}); 


---