رنگ کردن جدول با سلکتورهای جی کوئری
میشه یه نگاه به کد زیر بندازین:
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ ۱۷ ۱۸ ۱۹ ۲۰ ۲۱ ۲۲ ۲۳ ۲۴ ۲۵ ۲۶ ۲۷ ۲۸ ۲۹ ۳۰ ۳۱ ۳۲ ۳۳ ۳۴ ۳۵ ۳۶ ۳۷ ۳۸ ۳۹ ۴۰ ۴۱ ۴۲ ۴۳ ۴۴ ۴۵ ۴۶ ۴۷ ۴۸ ۴۹ ۵۰ ۵۱ ۵۲ ۵۳ ۵۴ ۵۵ ۵۶ ۵۷ ۵۸ |
<form> سطر:<input type="number" min="۱" max="۸" step="۱" id="rows" /> ستون:<input type="number" min="۱" max="۸" step="۱" id="Columns" /> <input type="color" id="color" onclick="myfunction()"/> </form> <table border="۱" width="۸۰%"> <tr> <td>۱</td><td>۲</td> <td>۳</td><td>۴</td> <td>۵</td><td>۶</td> <td>۷</td><td>۸</td> </tr> <tr> <td>۲</td><td>۲</td> <td>۳</td><td>۴</td> <td>۵</td><td>۶</td> <td>۷</td><td>۸</td> </tr> <tr> <td>۳</td><td>۲</td> <td>۳</td><td>۴</td> <td>۵</td><td>۶</td> <td>۷</td><td>۸</td> </tr> <tr> <td>۴</td><td>۲</td> <td>۳</td><td>۴</td> <td>۵</td><td>۶</td> <td>۷</td><td>۸</td> </tr> <tr> <td>۵</td><td>۲</td> <td>۳</td><td>۴</td> <td>۵</td><td>۶</td> <td>۷</td><td>۸</td> </tr> <tr> <td>۶</td><td>۲</td> <td>۳</td><td>۴</td> <td>۵</td><td>۶</td> <td>۷</td><td>۸</td> </tr> <tr> <td>۷</td><td>۲</td> <td>۳</td><td>۴</td> <td>۵</td><td>۶</td> <td>۷</td><td>۸</td> </tr> <tr> <td>۸</td><td>۲</td> <td>۳</td><td>۴</td> <td>۵</td><td>۶</td> <td>۷</td><td>۸</td> </tr> </table> |
و این کد:
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ |
<script src="jquery.min.js" type="text/javascript"></script> <script> function myfunction() { var a = document.getElementById('#rows').value; var b = document.getElementById('#Columns').value; var c = document.getElementById('#color').value; $('tr' + a).eq(۰).css('background-color', c); } </script> |
میخوام یه تابع بنویسم برای input=color میخوام وقتی روی اون کلیک میکنم سطر ۵ ستون ۶ رنگ بشه
ولی میخوام سلکتورهاش رو با جی کوئری بنویسم
پاسخ ( 1 )
سلام
کدی که گذاشتین کار نمیکنه ، برای کاری که شما میخواید میتونید از jscolor استفاده کنید .
موفق باشید .