Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   убрать свойства через jquery (https://javascript.ru/forum/jquery/65369-ubrat-svojjstva-cherez-jquery.html)

Black_Star 14.10.2016 22:45

убрать свойства через jquery
 
День добрый. Подскажите пожалуйста, как реализовать удаление свойства в CSS по средствам jQuery?

К примеру есть HTML
<div id="coachesFull">
        <h2 class="coachText">  Our coaches </h2>
    
        <div class="square coachNamber1">1</div>
        <div class="square coachNamber2">2</div>
        <div class="square coachNamber3">3</div>
        <div class="square coachNamber4">4</div>
        <div class="square coachNamber5">5</div>
        <div class="square coachNamber6">6</div>
</div>
Его CSS
 #coachesFull  {
     position: relative;
     height: 500px;
 }  

.square {
     width: 100px;
     height: 100px;
     background-color: red;
     margin: 1%;
}

.coachNamber1 {
     position: absolute;
     top: 10%;
     left: 0%;
}

.coachNamber2 {
     position: absolute;
     top: 35%;
     left: 0%;
}

.coachNamber3 {
     position: absolute;
     top: 60%;
     left: 0%;
}
.coachNamber4 {
     position: absolute;
     top: 22.5%;
     left: 10%;
}
.coachNamber5 {
     position: absolute;
     top: 47.5%;
     left: 10%;
}
 
.coachNamber6 {
     position: absolute;
     top: 35%;
     left: 20%;
}
.Circle{
     top: 10%;
     left: 30%;
     width: 350px;
     height: 350px;
     border-radius: 50%;
     background-color: blue;
 
}

Скрипт
function ttt() {

   
    $('#coachesFull').on("click", "div", function() {
            $(this).addClass('Circle');

       $('#coachesFull div:not(.Circle)').removeProp('top, left');     
   
            
    });


}; ttt();


Вопрос, как по клику на один из дивов убрать у всех остальных (кроме того что кликнули) свойства top и left в нужных классах.

рони 14.10.2016 23:19

Цитата:

Сообщение от Black_Star
удаление свойства в CSS по средствам jQuery

не осилил ... наверно вам нужно что-то иное

Black_Star 15.10.2016 09:12

Цитата:

Сообщение от рони (Сообщение 431737)
не осилил ... наверно вам нужно что-то иное

Наверное. Мне необходимо у классов .coachNamber (n) убрать/удалить/отключить/сделать временно не дееспособными значение свойств top и left.

Я конечно могу написать $('#coachesFull div:not(.Circle)').css({'top':'0', 'left':'0'});
Но это изменяет всю суть. Как отключить?

dd_smol 15.10.2016 10:07

Разделите стили класса на два класса в один пропишите top и left в другой все остальное и добавляйте удаляйте нужный класс к элементу.


Часовой пояс GMT +3, время: 17:06.