Получить порядок divs в div

Question

Получить порядок divs в div

У меня есть список DIV - это контейнер DIV , аналогичный приведенному ниже.

  <div id="ChainLinkList">
  <div class="chainSelect" id="L2176">jj</div>
  <div class="chainSelect" id="L2171">suby 3</div>
  <div class="chainSelect" id="L2170">suby 2</div>
  <div class="chainSelect" id="L2167">submenu</div>
  </div>

Я бы хотел получить порядок определенного DIV при нажатии. Я попробовал следующее

   $(".chainSelect").live("click", function() {
   var index = $(this).parent().index(".chainSelect");
   alert(index);
   .....

также

   $(".chainSelect").live("click", function() {
   var index = $('#ChainLinkList').parent().index(".chainSelect");
   alert(index);
   .....

Но я просто, кажется, получаю -1

1

добавлено 28 Декабрь 2012 в 12:40 автор maxum

Просмотры: 2

источник

nl ja de be

5 ответы

Вы можете просто вызвать $ (this) .index (); , чтобы получить индекс щелкнутого элемента внутри его родителя:

$(".chainSelect").live("click", function() {
   var index = $(this).index();
   alert(index);
});

http://jsfiddle.net/5ShLs/

6

добавлено 28 Декабрь 2012 в 12:42 автор Richard Dalton

источник

JavaScript & jQuery с нуля до профи

Курс от WebForMySelf - Виктор Гавриленко

JavaScript & jQuery с нуля до профи

Курс от WebForMySelf - Виктор Гавриленко

автор Mateusz Rogulski · Answer 1 · 2012-12-28T12:47Z

Вы должны изменить

$(".chainSelect").live("click", function() {
   var index = $(this).parent().index(".chainSelect");
   alert(index);
});

для:

$(".chainSelect").live("click", function() {
   var index = $(".chainSelect").index(this);
   alert(index);
});

скрипка

автор Jai · Answer 2 · 2012-12-28T12:47Z

вы можете попробовать это:

.live is deprecated so it is better to use .on() handler

 $(document).on("click", ".chainSelect", function(){
   var index = $(this).index();
   alert(index);
 });

1

добавлено 28 Декабрь 2012 в 12:47 автор Jai

источник

Хорошо! но не понял, почему e.target не является хорошим советом? стремятся узнать больше.

добавлено 28 Декабрь 2012 в 12:54, автор Jai, источник

спасибо jan Dvorak ответ обновлен. будет помнить об этом. еще раз спасибо.

добавлено 28 Декабрь 2012 в 12:58, автор Jai, источник

+1 для заметок live ; -1 как e.target не является хорошим советом, хотя, поскольку он имеет другое значение. (всего: 0 от меня)

добавлено 28 Декабрь 2012 в 12:51, автор John Dvorak, источник

e.target может возвращать дочерний элемент предполагаемого элемента; этот ребенок имеет совсем другое положение в его родительском, чем this . e.target не связан с связанным элементом или с делегированным элементом.

добавлено 28 Декабрь 2012 в 12:55, автор John Dvorak, источник

Рейтинг обновлен: +1 от меня, 0 от анонимного downvoter.

добавлено 28 Декабрь 2012 в 01:01, автор John Dvorak, источник

автор bipen · Answer 3 · 2012-12-28T12:44Z

не нужно переходить к родительскому .. просто получите индекс вашего элемента clicked ..

Начиная с jQuery 1.7, метод .live() устарел.

$(".chainSelect").on("click", function() {
  var index = $(this).index();
  alert(index);
});

автор sourcecode · Answer 4 · 2012-12-28T12:44Z

в первую очередь..

    $('#ChainLinkList').parent()

в этом вы вызываете родительский элемент div chainlinklist, который здесь сам является родительским элементом divmnt div, который вам нужен .. поэтому это не будет для вас.
поэтому попробуйте это ..

    $(this).index();