jQuery: перечислять элементы после удаления -- jquery поле с участием each пол Связанный проблема

jQuery: Enumerate elements after deletion


0
vote

проблема

русский

Вот упрощенная версия моей страницы:

HTML

 <код> <div id="id-0" class="item">x</div> <div id="id-1" class="item">x</div> <div id="id-2" class="item">x</div>   

Сценарий

 <код> $('.item').click(function() {     $(this).remove();     $('.item').each(function(index) {         $(this).attr('id', 'new_id-' + index);     } });   

Когда я нажимаю на <код> id=1 элемента, он удален, а вот что я вижу в Firebug:

 <код> xmlns:vms="clr-namespace:VersionManagementSystem" <vms:SignOffProjectListing Margin="5"/> 0  

Но мне нужны цифры в последовательности. Почему это считает удаленный элемент и как я могу это исправить?

Английский оригинал

Here is simplified version of my page:

html

<div id="id-0" class="item">x</div> <div id="id-1" class="item">x</div> <div id="id-2" class="item">x</div> 

script

$('.item').click(function() {     $(this).remove();     $('.item').each(function(index) {         $(this).attr('id', 'new_id-' + index);     } }); 

When I click on id=1 element, it's deleted, and here what I see in firebug:

<div id="new_id-0" class="item">x</div> <div id="new_id-2" class="item">x</div> 

But I need numbers in sequence. Why it counts deleted item and how can I fix this?

</div
     
   
   

Список ответов

0
 
vote
vote
Лучший ответ
 
Мне кажется, что у вас есть ошибка в вашем синтаксисе. Вы не закрываете скобки для <Код> jQuery(".item").each();
 <код> $('.item').click(function() {     $(this).remove();     $('.item').each(function(index) {         $(this).attr('id', 'new_id-' + index);     }); });   

Вот the jsfiddle - это рассказывает только хорошо

 

It seems to me that you have an error in your syntax. You're not closing the parenthesis for jQuery(".item").each();

$('.item').click(function() {     $(this).remove();     $('.item').each(function(index) {         $(this).attr('id', 'new_id-' + index);     }); }); 

Here's the jsfiddle - it recounts just fine

</div
 
 

Связанный проблема

1  Делая сова карусели жидкость / работа в процентах?  ( Making owl carousel liquid work in percentages ) 
У меня установлена ​​сова карусель, и она работает очень хорошо. Я доволен плагином, но что меня беспокоит, это то, что он не масштабируется с видом на просмо...

-1  Что не так с этим кодом jQuery, его сумасшедшая? [закрыто]  ( What is wrong with this jquery code its driving my crazy ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

0  Ajax Загрузка сообщения  ( Ajax loading message ) 
Я хочу отобразить загрузочную сообщение при получении результатов через AJAX, но я не могу. Может кто-нибудь помочь, пожалуйста? <код> <script type="text/ja...

0  Реагировать |. Onchange распространяется на родительский элемент OnClick  ( React onchange is propagating to onclick parent element ) 
Я работаю над небольшим проектом, и я со странной проблемой! Принципиально у меня есть некоторые компоненты, составляющие элемент, и у меня есть один элемент ...

6  Нет прокрутки после закрытия лайтбокса (Blueimp)  ( No scrolling after closing lightbox blueimp ) 
Я построил свой собственный сайт и хотел добавить разные галереи, поэтому я попробовал Blueimp. Он отлично работает, но когда я закрываю лайтбокс, я больше не...

0  Динамический расчет расстояния для маршрута  ( Dynamic distance calculation for route ) 
Я хочу реализовать форму, где вы вводите отправку и пункт назначения, а затем, используя API Google Maps JavaScript, он будет отображать расстояние в виде зна...

0  Скрывая неупорядоченный список, когда у него нет элементов  ( Hiding an unordered list when it has no elements ) 
У меня есть проблема, которая кажется сначала, как общий язык No-Brainer и легкая задача. У меня есть плагин JavaScript на моей странице, который генерирует...

0  Нужна помощь в создании массива JavaScript от заданных объектов  ( Need help building a javascript array from given object values ) 
Это объект, который у меня есть. <код> var MyObject = { 'stop1-start': "0", 'stop1-color': "#0074a2", 'stop2-start': "32", 'stop2-color...

0  в то время как цикл превышает каждый метод  ( While loop over takes the each method ) 
Я добавляю элемент на страницу, используя статический номер в соответствии с кликом пользователя. Таким образом, элемент имеет серийный номер в соответствии с...

1  Добавление события onload для GridView  ( Adding an onload event for a gridview ) 
У меня есть одна сетка, вот HTML-код: <код> <table cellspacing="0" border="1" style="border-collapse:collapse;" id="grid1" rules="all"> <tbody><t...

0  Как вы загружаете файл JavaScript в объем  ( How do you load a javascript file into a scope ) 
Я пытаюсь выяснить, как загрузить содержимое файла JavaScript в объем. Причина этого я хочу иметь возможность иметь возможности подключения и воспроизведения ...

0  JavaScript цепи много функций  ( Javascript chaining many function ) 
newbe в JavaScript, Я 4 функции, скажем: <код> function funct1(){ //dosomething(); } function funct2(){ //dosomething(); } function funct3(){ ...

1  Удалить таблицу TR при сохранении AddClass  ( Remove table tr while maintaining addclass ) 
Хорошо, у меня есть таблица TR, которая удаляется, когда вы нажимаете кнопку. Я использую Animate.css и хотел бы добавить класс после того, как мой запрос AJA...

2  Angulars + Bootstrap + Typeead + Ajax работает только в том случае, если я ставлю предупреждающую коробку, но только в Chrome  ( Angularjsbootstraptypeheadajax is working only if i put alert box but only in ) 
Я использую bootsrap typeead с angularjs, приведенным по этой ссылке http: //angular-ui.github. io / bootstrap / в моем контроллере <код> $scope.getUse...

-3  Как изменить текст на JavaScript  ( How to change text by javascript ) 
У меня есть раскрывающееся меню, содержащее 4 выпадающих текста, которые должны меняться при нажатии на главное меню. Как это можно сделать с помощью Java Scr...