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

ufaclub,
и быстрее и проще ничего не удалять в path, а менять класс только у их родителя и css!!!
но зачем проще ...
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
    $("[id^='link']").each(function(e, a) {
        var b = a.id.split("-")[1],
            d = $("path." + b).each(function(a, c) {
                $(c).data("cl", c.className.split(b).join(""))
            });
        $(a).on("click", function(a) {
            a.preventDefault();
            d.each(function(a, b) {
                var c = $(b).data("cl");
                $(b).toggleClass(c)
            })
        })
    })
});
  </script>
</head>

<body>
<path class="red o1"></path>
<path class="green o1"></path>
<path class="orange o2"></path>
<path class="red o1"></path>
<path class="orange o1"></path>
.........
<path class="green o2"></path>
<a id="link-o1" href="#">1 очередь</a> / <a id="link-o2" href="#">2 очередь</a>
</body>
</html>
Ответить с цитированием