رنگ کردن جدول با سلکتورهای جی کوئری

حل شده 

JavaScript

توسط mansoureh در 2 سال پیش
0 1.1k 1 2 سال پیش
mansoureh sajjad95
0

سلام خسته نباشین میشه یه نگاه به کد زیر بندازین

<form>

سطر:<input type="number" min="1" max="8" step="1" id="rows" />

ستون:<input type="number" min="1" max="8" step="1" id="Columns" />

<input type="color" id="color" onclick="myfunction()"/>
</form>
<table border="1" width="80%">
<tr>
<td>1</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>

<tr>
<td>2</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>

<tr>
<td>3</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>4</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>5</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>6</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>7</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>

<tr>
<td>8</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</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(0).css('background-color', c);
           
        }
    </script>

ببخشین من میخوام یه تابع بنویسم برای input=color میخوام وقتی روی اون کلیک میکنم سطر 5 ستون 6 رنگ بشه ولی میخوام سلکتورهاش رو با جی کوئری بنویسم

پاسخ ها

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید