Цитирование через элементы, изменение индекса z, Javascript

Question

У меня есть набор элементов, которые можно перетаскивать с помощью jquery. Все перетаскиваемые элементы относятся к классу «element».

Каждый раз, когда элемент перемещается, я хочу прокрутить все элементы и изменить индекс z на 5, а затем изменить элемент, перетащив z-index на 10, чтобы перетаскиваемый элемент всегда был сверху. ,

Это то, что у меня есть сейчас, но оно не работает.

mousedown(function(){ 
     var myObj = document.getElementsByClassName('element'); 
     for(var i =0, il = myObj.length; i<il; i++){ 
      myObj[i].style.zIndex='5'; 
     } 
     $(this).style.zIndex='10'; 
}) 

Как я могу заставить $(this) будет отображаться поверх всех остальных элементов в element классе?

Answer 1

$(this) относится к объекту jQuery, а не к объекту документа. Вместо этого используйте this.style.zIndex="10";.

Поскольку вы не ссылались на какой-либо jQuery, нет ссылки $(this)!

Answer 2

Не видя остальную часть CSS и элементов структуры не очень возможно, но все, что вы сделали, можно записать в виде

$('.element').not(this).css('zIndex', 5); 
$(this).css('zIndex', 10); 
//or this.style.zIndex='10'; 

Свойство style принадлежит элементу DOM, $ (это) относится к обертка jQuery для элемента dom, на которую ссылается this. Поэтому либо вы можете установить свойство стиля напрямую, используя this.style, либо воспользуйтесь .css().

Также вы можете использовать селектор класса, чтобы выбрать и изменить все элементы ZIndex вместо того, чтобы писать петлю себя