У меня есть HTML-код.Повторное присвоение нескольких идентификаторов при удалении
<ul>
<li id="myli-1">
<input id="name-1" />
<input id="surname-1" />
<span class="remove">X</span>
</li>
<li id="myli-2">
<input id="name-2" />
<input id="surname-2" />
<span class="remove">X</span>
</li>
<li id="myli-3">
<input id="name-3" />
<input id="surname-3" />
<span class="remove">X</span>
</li>
<li id="myli-4">
<input id="name-4" />
<input id="surname-4" />
<span class="remove">X</span>
</li>
</ul>
Пользователь удаляет второй элемент с нажав на второй X
$(".remove").live('click', function() {
$(this).parent().remove();
});
Как я могу сделать ID s из ниже пунктов myli-3, name-3, surname-3, myli-4
и т.д., чтобы уменьшить один?
Я создал этот JSFiddle,
вам необходимо использовать идентификаторы, как это в динамическом списке ли? Возможно, умнее отказаться от идентификаторов и избежать сложного повторного назначения. Вместо этого, как только вы будете готовы что-то сделать с ними, вы можете схватить их всех с помощью jQuery (и при необходимости присвоить им индексы в этой точке). –
Ваша скрипка не работает, потому что '.live()' недоступен в выбранной вами версии jQuery. Вот обновленная версия: http://jsfiddle.net/QZcY5/3/ – nnnnnn
Используйте это для своей функции щелчка: '$ (" body "). On ('click'," .remove ", function() {$ (это) .parent(). remove();}); ' – Johannes