Дочерние элементы children()
ГУРУ! Помогите пожалуйста.
Есть несколько таблиц на странице, с помощью jquery делаю подсветку таблицы, но проблема в том, что подсветка работает сразу на всех таблицах, а надо чтобы подсветка отрабатывала только на той таблице на которую тычишь тачем или наводишься курсором. пример https://jsfiddle.net/Agapkin/fw00noh7/ з.ы. если на странице одна таблица то никаких вопросов нет , естественно все работает. |
подсветка таблицы
Agapkin,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.fm-table td.hover, .fm-table tr:hover{background: #c9e4f1;}
.fm-table td:hover {background: #039be5;color: #FFF;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$(".fm-table").on("mouseenter mouseleave", "td", function(a) {
$("td:nth-child(" + ++this.cellIndex + ")", a.delegateTarget)
["mouseenter" == a.type ? "addClass" : "removeClass"]("hover")
})
});
</script>
</head>
<body>
<h4>Женские размеры:</h4>
<table class="table fm-table fixed">
<tbody>
<tr>
<td>См</td>
<td>21</td>
<td>21,5</td>
<td>22,5</td>
<td>23</td>
<td>23,5</td>
<td>24,5</td>
<td>25</td>
<td>25,5</td>
<td>26,5</td>
<td>27</td>
<td>27,5</td>
</tr>
<tr>
<td>RUS</td>
<td>33</td>
<td>34</td>
<td>35</td>
<td>36</td>
<td>37</td>
<td>38</td>
<td>39</td>
<td>40</td>
<td>41</td>
<td>42</td>
<td>43</td>
</tr>
<tr>
<td>EUR</td>
<td>34</td>
<td>35</td>
<td>36</td>
<td>37</td>
<td>38</td>
<td>39</td>
<td>40</td>
<td>41</td>
<td>42</td>
<td>43</td>
<td>44</td>
</tr>
<tr>
<td>UK</td>
<td>2</td>
<td>2,5</td>
<td>3,5</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>6,5</td>
<td>7,5</td>
<td>8</td>
<td>9</td>
<td>9,5</td>
</tr>
<tr>
<td>US</td>
<td>4</td>
<td>4,5</td>
<td>5,5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>8,5</td>
<td>9,5</td>
<td>10</td>
<td>11</td>
<td>11,5</td>
</tr>
</tbody>
</table>
<h4>Мужские размеры:</h4>
<table class="table fm-table fixed">
<tbody>
<tr>
<td>См</td>
<td>24,5</td>
<td>25</td>
<td>25,5</td>
<td>26,5</td>
<td>27</td>
<td>27,5</td>
<td>28,5</td>
<td>29</td>
<td>29,5</td>
<td>30,5</td>
<td>31</td>
</tr>
<tr>
<td>RUS</td>
<td>38</td>
<td>39</td>
<td>40</td>
<td>41</td>
<td>42</td>
<td>43</td>
<td>44</td>
<td>45</td>
<td>46</td>
<td>47</td>
<td>48</td>
</tr>
<tr>
<td>EUR</td>
<td>39</td>
<td>40</td>
<td>41</td>
<td>42</td>
<td>43</td>
<td>44</td>
<td>45</td>
<td>46</td>
<td>47</td>
<td>48</td>
<td>49</td>
</tr>
<tr>
<td>UK</td>
<td>6</td>
<td>6,5</td>
<td>7,5</td>
<td>8</td>
<td>9</td>
<td>9,5</td>
<td>10,5</td>
<td>11,5</td>
<td>12</td>
<td>13</td>
<td>13,5</td>
</tr>
<tr>
<td>US</td>
<td>6,5</td>
<td>7</td>
<td>8</td>
<td>8,5</td>
<td>9,5</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>12,5</td>
<td>13,5</td>
<td>14</td>
</tr>
</tbody>
</table>
<h4>Детские размеры (RUS 16 - 25.5):</h4>
<table class="table fm-table fixed">
<tbody>
<tr>
<td>См</td>
<td>9,5</td>
<td>10</td>
<td>10,5</td>
<td>11</td>
<td>11,5</td>
<td>12</td>
<td>12,5</td>
<td>13</td>
<td>13,5</td>
<td>14</td>
<td>14,5</td>
<td>15</td>
<td>15,5</td>
<td>16</td>
</tr>
<tr>
<td>RUS</td>
<td>16</td>
<td>16,5</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>19,5</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>22,5</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>25,5</td>
</tr>
<tr>
<td>EUR</td>
<td>17</td>
<td>17,5</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>20,5</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>23,5</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>26,5</td>
</tr>
<tr>
<td>UK</td>
<td>1,5</td>
<td>-</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>-</td>
<td>4,5</td>
<td>5,5</td>
<td>6</td>
<td>6,5</td>
<td>7</td>
<td>7,5</td>
<td>8,5</td>
<td>9</td>
</tr>
<tr>
<td>US</td>
<td>2</td>
<td>-</td>
<td>2,5</td>
<td>3,5</td>
<td>4,5</td>
<td>-</td>
<td>5</td>
<td>6</td>
<td>6,5</td>
<td>7</td>
<td>7,5</td>
<td>8</td>
<td>9</td>
<td>9,5</td>
</tr>
</tbody>
</table>
<h4>Детские размеры (RUS 26 - 36):</h4>
<table class="table fm-table fixed">
<tbody>
<tr>
<td>См</td>
<td>16,5</td>
<td>17</td>
<td>17,5</td>
<td>18</td>
<td>18,5</td>
<td>19</td>
<td>19,5</td>
<td>20</td>
<td>20,5</td>
<td>21</td>
<td>21,5</td>
<td>22</td>
<td>22,5</td>
<td>23</td>
</tr>
<tr>
<td>RUS</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>28,5</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td>31,5</td>
<td>32</td>
<td>33</td>
<td>34</td>
<td>34,5</td>
<td>35</td>
<td>36</td>
</tr>
<tr>
<td>EUR</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>29,5</td>
<td>30</td>
<td>31</td>
<td>32</td>
<td>32,5</td>
<td>33</td>
<td>34</td>
<td>35</td>
<td>35,5</td>
<td>36</td>
<td>37</td>
</tr>
<tr>
<td>UK</td>
<td>9,5</td>
<td>10</td>
<td>11</td>
<td>-</td>
<td>11,5</td>
<td>12,5</td>
<td>13</td>
<td>13,5</td>
<td>1</td>
<td>2</td>
<td>2,5</td>
<td>3</td>
<td>3,5</td>
<td>4</td>
</tr>
<tr>
<td>US</td>
<td>10</td>
<td>10,5</td>
<td>11,5</td>
<td>-</td>
<td>12</td>
<td>13</td>
<td>13,5</td>
<td>1</td>
<td>1,5</td>
<td>2,5</td>
<td>3</td>
<td>3,5</td>
<td>4</td>
<td>4,5</td>
</tr>
</tbody>
</table>
</body>
</html>
|
И снова ВАМ ОГРОМНОЕ СПАСИБО.
|
| Часовой пояс GMT +3, время: 20:16. |