найти 1 и заменить его регулярным выражением

Question

найти 1 и заменить его регулярным выражением

0

Я пытаюсь дублировать форму и заменять значение 1 на 2, 3 и т.д. В зависимости от количества форм.

Вот мой html:

<div id="clonedInput1" class="clonedInput">

  <input id="show_upload_image_link_1" type="text" size="36" name="kandibox_theme_hero_options[show_upload_image_link_1]" value="<?php echo $hero_options['show_upload_image_link_1']; ?>" /> 
 <input id="show_upload_image_link_button_1" class="button upload_images" type="button" value="Upload Image" />

  <div class="actions">
      <button class="clone">Clone</button> 
      <button class="remove">Remove</button>
  </div>
</div>

Здесь мой запрос:

var regex = /^([0-9]+)$/;
var cloneIndex = $(".clonedInput").length;

$("button.clone").live("click", function(){
  $(this).parents(".clonedInput").clone()
    .appendTo("body")
    .attr("id", "clonedInput" +  cloneIndex)
    .find("*").each(function() {
        var id = this.id || "";
        var match = id.match(regex) || [];
        if (match.length == 3) {
            this.id = match[1] + (cloneIndex);
  }
});
cloneIndex++;
});

$("button.remove").live("click", function(){
  $(this).parents(".clonedInput").remove();
});

Пока он добавляет дополнительные формы, но он не заменит значение 1 в имени или значении.

Здесь скрипка http://jsfiddle.net/tfFLt/590/

Dan 20 фев. 2014, в 16:46

Источник

0

... а также? Пожалуйста, объясните, если вы получаете сообщение об ошибке (если да, то какое) или если результаты отличаются от ваших ожиданий (если да, то как).
Amal Murali 20 фев. 2014, в 15:23
0

Это отвечает на ваши вопросы? jsfiddle.net/tfFLt/601 . Похоже, что атрибут name по-прежнему неверен, но я думаю, что это просто.
psquared 20 фев. 2014, в 15:53

Теги:

jquery

regex

1 ответ

Ещё вопросы

... а также? Пожалуйста, объясните, если вы получаете сообщение об ошибке (если да, то какое) или если результаты отличаются от ваших ожиданий (если да, то как).
Это отвечает на ваши вопросы? jsfiddle.net/tfFLt/601 . Похоже, что атрибут name по-прежнему неверен, но я думаю, что это просто.

Fabricio · Accepted Answer · 2014-02-20T13-55-00.000Z

И окончательная версия с очисткой, чтобы избежать повторения кода:

$("button.clone").live("click", function(){
    var cloneIndex = $(".clonedInput").length + 1;
    var new_Input = $(this).parents(".clonedInput").clone();
    updateClonedInput(cloneIndex, new_Input);    
});

$("button.remove").live("click", function(){
    $(this).parents(".clonedInput").remove();

    $(".clonedInput").each( function (cloneIndex, clonedElement) {
        updateClonedInput(cloneIndex + 1, clonedElement);
    })
});

Для вычисления input идентификаторов и других свойств я вообще сбросил значение регулярного выражения. Я также изменил способ обработки нового ввода: сначала создаю newInput а затем обрабатываю его. Простой и понятный подход.

Когда вы удаляете один вход, поля input также будут перенумерованы на 1, 2, 3... Скрипка была обновлена, чтобы отразить это.

PS. Следите за тем, что если вы удалите первый вход, вы оставите без полей ввода или кнопку, чтобы добавить новый... :-) Решение: либо эта кнопка удаляется из формы ввода, либо вы ставите условие, чтобы не разрешать удаление если есть только один вход слева.

Надеюсь, поможет!

скрипка

Здесь вы только обновляете идентификатор HTML, но в своем коде он продолжает использовать cloneIndex, который никогда не обновляется.
Да. Я заметил, что. Работаю над этим. Но у моего кода также есть другая проблема. Если вы удалите раздел, следующий созданный может иметь повторяющиеся номера.
Есть два способа исправить это, если числа не должны быть в порядке (например, 1 2 3 4 ....), но могут быть (1 (удалить 2) 3 5 6 7) Чем вы можете просто заменить cloneIndex = $ (". clonedInput"). длина +1; в моем ответе на cloneIndex ++. В противном случае вам придется обновлять ваш .clonedInput при каждой операции клонирования. (Проверяем, сколько у вас есть, а затем перенумеровываем их). В этом случае я бы изменил свои идентификаторы на массив id = clonedInput [0], ...
В идеале, если были созданы 3 формы, то есть 1, 2, 3 и номер 2, я хотел бы изменить номер 3 на номер 2?
С окончательным решением я предложил, что этого не произойдет. Но вы можете легко сделать это, .clonedInput все .clonedInput и изменив их и их дочерних button.remove нажатии button.remove . У меня не будет времени сделать это сегодня, но я могу взглянуть завтра. Но тогда и новая нумерация форм должна быть изменена на ту, что я предлагал изначально. Это cloneIndex++; должен измениться на это: cloneIndex = $(".clonedInput").length + 1;
Теперь это, кажется, работает идеально, хотя, если я изменю его на последний запрос и перейду .live на .on, он больше не работает?
Только что обновил и теперь работает отлично. jsfiddle.net/vs8p5/5
Я рад, что это сработало для вас! Но будьте осторожны, потому что .live () устарела и не должна использоваться. Вы ограничены в использовании старой версии jQuery? Кстати, я отказался от использования регулярных выражений, потому что они имеют тенденцию запутывать код и должны использоваться для манипулирования данными / текстом, а не элементами DOM. Если бы вместо 5 элементов, которые нужно изменить, у вас было 100, тогда, возможно, было бы полезно регулярное выражение. Но в этом случае, пожалуйста, оставьте хороший комментарий о том, что вы делаете, чтобы убедиться, что коллеги (или даже вы сами) поймете, что происходит, просматривая ваш код на предмет улучшений или исправлений ошибок. ;-)