javascript - 两个具有不同行为的相同 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 的值注入(inject) Attribute Equals选择器。

因此，如果 MainName 碰巧包含以下内容，第一个代码段将会失败:

• 单引号字符',
• 双引号字符",
• 需要在选择器中转义的字符，例如 [ 或 \。