Два одинаковых сценария jQuery с различным поведением

Question

У меня есть скрипт, который при нажатии кнопки выполняет много вещей, а также переименовывает некоторые элементы, поэтому сначала я использую первый скрипт, и иногда вижу, что иногда работаю, иногда нет, поэтому меняем его на второй скрипт и все время отлично работало, но возникает вопрос. это два сценария? какая разница, а не весь мой сценарий, я просто заменяю первый на второй.

Это первый сценарий

$(CloneTarget).find(':input[name="' + MainName + '"]').attr('name', NewSelectName); 

И второй один:

$(CloneTarget).find(':input').each(function() { 
    if ($(this).attr('name') == MainName) { 
     $(this).attr('name', NewSelectName); 
    } 
}); 

Где проблема с первой?

Редактировать

Также я использую это:

$(CloneTarget).find(':input[id="' + MainId + '"]').attr('id', NewSelectId); 

И каждая вещь работала нормально я действительно запутался здесь, я должен упомянуть MainName и MainId настолько похожи, как: MainName = Model.Phones[0] и MainId = Model_Phones[0] является разница примерно . персонаж или что-то еще?

Answer 1

Да, есть разница. Второй фрагмент кода выполняет сравнение строк между атрибутом элемента name и значением MainName. Первый непосредственно вводит значение MainName в селектор Attribute Equals.

Таким образом, первый фрагмент кода потерпит неудачу, если MainName случается содержать:

• одна кавычки ',
• двойной кавычка ",
• символа, который требует побег селекторов, например как [ или \.