Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.03.2017, 02:42
Аспирант
Отправить личное сообщение для Agapkin Посмотреть профиль Найти все сообщения от Agapkin
 
Регистрация: 14.05.2016
Сообщений: 33

Дочерние элементы children()
ГУРУ! Помогите пожалуйста.

Есть несколько таблиц на странице, с помощью jquery делаю подсветку таблицы, но проблема в том, что подсветка работает сразу на всех таблицах, а надо чтобы подсветка отрабатывала только на той таблице на которую тычишь тачем или наводишься курсором.

пример https://jsfiddle.net/Agapkin/fw00noh7/

з.ы. если на странице одна таблица то никаких вопросов нет , естественно все работает.
Ответить с цитированием
  #2 (permalink)  
Старый 12.03.2017, 03:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

подсветка таблицы
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>
Ответить с цитированием
  #3 (permalink)  
Старый 12.03.2017, 13:11
Аспирант
Отправить личное сообщение для Agapkin Посмотреть профиль Найти все сообщения от Agapkin
 
Регистрация: 14.05.2016
Сообщений: 33

И снова ВАМ ОГРОМНОЕ СПАСИБО.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
mouseover, mouseout - не распространяется на дочерние элементы barmaley Events/DOM/Window 31 01.06.2017 08:52
Jquery не учитывает дочерние элементы metaller92 jQuery 2 17.06.2013 11:58
Выбрать дочерние элементы элемента с конкретным CSS adelante jQuery 1 15.07.2012 18:04
Оnmouseout срабатывает при наведении на дочерние элементы lancer jQuery 0 31.03.2012 08:22
mouseout: Определить дочерние элементы Papa Общие вопросы Javascript 3 03.02.2010 20:29